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

const widestUltraThinXSCss = css`
  ${ultraThinXSCss};
  ${trackingWidest};
`;

const widestUltraThinMediumCss = css`
  ${ultraThinMediumCss};
  ${trackingWidest};
`;

const widestUltraThinSMCss = css`
  ${ultraThinSMCss};
  ${trackingWidest};
`;

const widestUltraThinLGCss = css`
  ${ultraThinLGCss};
  ${trackingWidest};
`;

const widestUltraThinXLCss = css`
  ${ultraThinXLCss};
  ${trackingWidest};
`;

const widestUltraThin2XLCss = css`
  ${ultraThin2XLCss};
  ${trackingWidest};
`;

const widestUltraThin3XLCss = css`
  ${ultraThin3XLCss};
  ${trackingWidest};
`;

const widestUltraThin4XLCss = css`
  ${ultraThin4XLCss};
  ${trackingWidest};
`;

const widestUltraThin5XLCss = css`
  ${ultraThin5XLCss};
  ${trackingWidest};
`;

const widestUltraThin6XLCss = css`
  ${ultraThin6XLCss};
  ${trackingWidest};
`;

const widestUltraThin7XLCss = css`
  ${ultraThin7XLCss};
  ${trackingWidest};
`;

const widestUltraThin8XLCss = css`
  ${ultraThin8XLCss};
  ${trackingWidest};
`;

export {
  widestUltraThinXSCss,
  widestUltraThinSMCss,
  widestUltraThinMediumCss,
  widestUltraThinLGCss,
  widestUltraThinXLCss,
  widestUltraThin2XLCss,
  widestUltraThin3XLCss,
  widestUltraThin4XLCss,
  widestUltraThin5XLCss,
  widestUltraThin6XLCss,
  widestUltraThin7XLCss,
  widestUltraThin8XLCss,
};