How to use the bpk-tokens/tokens/base.common.logoTianxunStackedDefaultHeight function in bpk-tokens

To help you get started, we’ve selected a few bpk-tokens examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github Skyscanner / backpack / packages / bpk-component-logo / src / BpkLogo.js View on Github external
import React, { PropTypes } from 'react'
import TOKENS from 'bpk-tokens/tokens/base.common'

import './bpk-logo.scss'

const DEFAULT_HEIGHTS = {
  'inline': TOKENS.logoInlineDefaultHeight,
  'stacked': TOKENS.logoStackedDefaultHeight,
  'cloud': TOKENS.logoCloudDefaultHeight,
  'tianxun': TOKENS.logoTianxunDefaultHeight,
  'tianxun-stacked': TOKENS.logoTianxunStackedDefaultHeight
}

const BpkLogo = (props) => {
  const __html = require(`raw!bpk-svgs/src/logos/${props.logo}.svg`)
    .replace(/^<svg style="{" fill="${props.color}"></svg>
}

BpkLogo.propTypes = {
  logo: PropTypes.oneOf([
    'inline',