import { css } from "styled-components";
import {
  ultraThin2XLCss,
  ultraThin3XLCss,
  ultraThin4XLCss,
  ultraThin5XLCss,
  ultraThin6XLCss,
  ultraThin7XLCss,
  ultraThin8XLCss,
  ultraThinMediumCss,
  ultraThinLGCss,
  ultraThinSMCss,
  ultraThinXLCss,
  ultraThinXSCss,
} from "./ultra-thin.css";
import { trackingTight } from "../../tracking";

const tightUltraThinXSCss = css`
  ${ultraThinXSCss};
  ${trackingTight};
`;

const tightUltraThinMediumCss = css`
  ${ultraThinMediumCss};
  ${trackingTight};
`;

const tightUltraThinSMCss = css`
  ${ultraThinSMCss};
  ${trackingTight};
`;

const tightUltraThinLGCss = css`
  ${ultraThinLGCss};
  ${trackingTight};
`;

const tightUltraThinXLCss = css`
  ${ultraThinXLCss};
  ${trackingTight};
`;

const tightUltraThin2XLCss = css`
  ${ultraThin2XLCss};
  ${trackingTight};
`;

const tightUltraThin3XLCss = css`
  ${ultraThin3XLCss};
  ${trackingTight};
`;

const tightUltraThin4XLCss = css`
  ${ultraThin4XLCss};
  ${trackingTight};
`;

const tightUltraThin5XLCss = css`
  ${ultraThin5XLCss};
  ${trackingTight};
`;

const tightUltraThin6XLCss = css`
  ${ultraThin6XLCss};
  ${trackingTight};
`;

const tightUltraThin7XLCss = css`
  ${ultraThin7XLCss};
  ${trackingTight};
`;

const tightUltraThin8XLCss = css`
  ${ultraThin8XLCss};
  ${trackingTight};
`;

export {
  tightUltraThinXSCss,
  tightUltraThinSMCss,
  tightUltraThinMediumCss,
  tightUltraThinLGCss,
  tightUltraThinXLCss,
  tightUltraThin2XLCss,
  tightUltraThin3XLCss,
  tightUltraThin4XLCss,
  tightUltraThin5XLCss,
  tightUltraThin6XLCss,
  tightUltraThin7XLCss,
  tightUltraThin8XLCss,
};