import barlowMetrics from '@capsizecss/metrics/barlow';

/**
 * The font metrics for tt-commons-pro, to be used by @capsizecss/metrics
 * @see https://github.com/seek-oss/capsize/tree/master/packages/metrics
 */
const fontMetricsTTCommonsPro = {
  familyName: 'tt-commons-pro',
  capHeight: 700,
  ascent: 1000,
  descent: -200,
  lineGap: 0,
  unitsPerEm: 1000,
};

/**
 * Theme Asset 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
 * asset.font.heading.family
 * asset.font.heading.metrics
 */
export const asset = {
  font: {
    heading: {
      family: {
        value: "'tt-commons-pro', sans-serif",
      },
      metrics: fontMetricsTTCommonsPro,
    },
    body: {
      family: {
        value: "'Barlow', sans-serif",
      },
      metrics: barlowMetrics,
    },
  },
};