import { css } from "styled-components";
import {
  bold2XLCss,
  bold3XLCss,
  bold4XLCss,
  bold5XLCss,
  bold6XLCss,
  bold7XLCss,
  bold8XLCss,
  boldCss,
  boldLGCss,
  boldSMCss,
  boldXLCss,
  boldXSCss,
} from "./bold.css";
import { trackingNormal } from "../../tracking";

const boldNormalXSCss = css`
  ${boldXSCss};
  ${trackingNormal};
`;

const boldNormalSMCss = css`
  ${boldSMCss};
  ${trackingNormal};
`;

const boldNormalCss = css`
  ${boldCss};
  ${trackingNormal};
`;

const boldNormalLGCss = css`
  ${boldLGCss};
  ${trackingNormal};
`;

const boldNormalXLCss = css`
  ${boldXLCss};
  ${trackingNormal};
`;
const boldNormal2XLCss = css`
  ${bold2XLCss};
  ${trackingNormal};
`;
const boldNormal3XLCss = css`
  ${bold3XLCss};
  ${trackingNormal};
`;

const boldNormal4XLCss = css`
  ${bold4XLCss};
  ${trackingNormal};
`;
const boldNormal5XLCss = css`
  ${bold5XLCss};
  ${trackingNormal};
`;

const boldNormal6XLCss = css`
  ${bold6XLCss};
  ${trackingNormal};
`;

const boldNormal7XLCss = css`
  ${bold7XLCss};
  ${trackingNormal};
`;

const boldNormal8XLCss = css`
  ${bold8XLCss};
  ${trackingNormal};
`;

export {
  boldNormalLGCss,
  boldNormalCss,
  boldNormalXSCss,
  boldNormalXLCss,
  boldNormalSMCss,
  boldNormal3XLCss,
  boldNormal2XLCss,
  boldNormal4XLCss,
  boldNormal5XLCss,
  boldNormal6XLCss,
  boldNormal7XLCss,
  boldNormal8XLCss,
};