safe-react/src/theme/size.js

// @flow
import { xs, sm, md, lg, xl } from '~/theme/variables'

export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl'

export const getSize = (size: Size | typeof undefined) => {
  switch (size) {
  case 'xs':
    return xs
  case 'sm':
    return sm
  case 'md':
    return md
  case 'lg':
    return lg
  case 'xl':
    return xl
  default:
    return '0px'
  }
}