const baseStyle = {}

const defaultProps = {
  size: 'md',
}

const sizes = {
  xs: {
    fontSize: 'xs',
  },
  sm: {
    fontSize: 'sm',
  },
  md: {
    fontSize: 'md',
  },
  lg: {
    fontSize: 'lg',
  },

  breadcrumb_xs: {
    fontSize: 'xs',
    lineHeight: '16px',
  },
  breadcrumb_sm: {
    fontSize: 'sm',
    lineHeight: '18px',
  },
  breadcrumb_md: {
    fontSize: 'md',
    lineHeight: '20px',
  },
  breadcrumb_lg: {
    fontSize: 'lg',
    lineHeight: '22px',
  },

  label_sm: {
    fontSize: '12px',
    lineHeight: '16px',
  },
  label_md: {
    fontSize: '14px',
    lineHeight: '18px',
  },
  label_lg: {
    fontSize: '16px',
    lineHeight: '20px',
  },

  caption_sm: {
    fontSize: '14px',
    lineHeight: '20px',
  },
  caption_xs: {
    fontSize: '12px',
    lineHeight: '18px',
  },
}

const variants = {
  label: {
    fontWeight: 'demi',
  },
  caption: {
    fontWeight: '400',
  },
  breadcrumb: {
    fontWeight: '400',
  },
}

export default {
  baseStyle,
  defaultProps,
  sizes,
  variants,
}
