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

const tighterUltraThinXSCss = css`
  ${ultraThinXSCss};
  ${trackingTighter};
`;

const tighterUltraThinMediumCss = css`
  ${ultraThinMediumCss};
  ${trackingTighter};
`;

const tighterUltraThinSMCss = css`
  ${ultraThinSMCss};
  ${trackingTighter};
`;

const tighterUltraThinLGCss = css`
  ${ultraThinLGCss};
  ${trackingTighter};
`;

const tighterUltraThinXLCss = css`
  ${ultraThinXLCss};
  ${trackingTighter};
`;

const tighterUltraThin2XLCss = css`
  ${ultraThin2XLCss};
  ${trackingTighter};
`;

const tighterUltraThin3XLCss = css`
  ${ultraThin3XLCss};
  ${trackingTighter};
`;

const tighterUltraThin4XLCss = css`
  ${ultraThin4XLCss};
  ${trackingTighter};
`;

const tighterUltraThin5XLCss = css`
  ${ultraThin5XLCss};
  ${trackingTighter};
`;

const tighterUltraThin6XLCss = css`
  ${ultraThin6XLCss};
  ${trackingTighter};
`;

const tighterUltraThin7XLCss = css`
  ${ultraThin7XLCss};
  ${trackingTighter};
`;

const tighterUltraThin8XLCss = css`
  ${ultraThin8XLCss};
  ${trackingTighter};
`;

export {
  tighterUltraThinXSCss,
  tighterUltraThinSMCss,
  tighterUltraThinMediumCss,
  tighterUltraThinLGCss,
  tighterUltraThinXLCss,
  tighterUltraThin2XLCss,
  tighterUltraThin3XLCss,
  tighterUltraThin4XLCss,
  tighterUltraThin5XLCss,
  tighterUltraThin6XLCss,
  tighterUltraThin7XLCss,
  tighterUltraThin8XLCss,
};