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

const widerUltraThinXSCss = css`
  ${ultraThinXSCss};
  ${trackingWider};
`;

const widerUltraThinMediumCss = css`
  ${ultraThinMediumCss};
  ${trackingWider};
`;

const widerUltraThinSMCss = css`
  ${ultraThinSMCss};
  ${trackingWider};
`;

const widerUltraThinLGCss = css`
  ${ultraThinLGCss};
  ${trackingWider};
`;

const widerUltraThinXLCss = css`
  ${ultraThinXLCss};
  ${trackingWider};
`;

const widerUltraThin2XLCss = css`
  ${ultraThin2XLCss};
  ${trackingWider};
`;

const widerUltraThin3XLCss = css`
  ${ultraThin3XLCss};
  ${trackingWider};
`;

const widerUltraThin4XLCss = css`
  ${ultraThin4XLCss};
  ${trackingWider};
`;

const widerUltraThin5XLCss = css`
  ${ultraThin5XLCss};
  ${trackingWider};
`;

const widerUltraThin6XLCss = css`
  ${ultraThin6XLCss};
  ${trackingWider};
`;

const widerUltraThin7XLCss = css`
  ${ultraThin7XLCss};
  ${trackingWider};
`;

const widerUltraThin8XLCss = css`
  ${ultraThin8XLCss};
  ${trackingWider};
`;

export {
  widerUltraThinXSCss,
  widerUltraThinSMCss,
  widerUltraThinMediumCss,
  widerUltraThinLGCss,
  widerUltraThinXLCss,
  widerUltraThin2XLCss,
  widerUltraThin3XLCss,
  widerUltraThin4XLCss,
  widerUltraThin5XLCss,
  widerUltraThin6XLCss,
  widerUltraThin7XLCss,
  widerUltraThin8XLCss,
};