const breakpoint = {
  mobile: {
    value: 0,
  },
  tablet: {
    value: '{size.breakpoint.sm}',
  },
  desktop: {
    value: '{size.breakpoint.lg}',
  },
  sm: {
    value: 36,
  },
  md: {
    value: 48,
  },
  lg: {
    value: 62,
  },
  xl: {
    value: 75,
  },
};

/**
 * Global Size in [Category / Type / Item structure](https://amzn.github.io/style-dictionary/#/tokens?id=category-type-item).
 *
 * @see https://amzn.github.io/style-dictionary/#/tokens?id=category-type-item
 * @example
 * // Category / Type / Item
 * size.breakpoint.mobile
 */
export const size = {
  breakpoint,
};