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

const wideUltraThinXSCss = css`
  ${ultraThinXSCss};
  ${trackingWide};
`;

const wideUltraThinMediumCss = css`
  ${ultraThinMediumCss};
  ${trackingWide};
`;

const wideUltraThinSMCss = css`
  ${ultraThinSMCss};
  ${trackingWide};
`;

const wideUltraThinLGCss = css`
  ${ultraThinLGCss};
  ${trackingWide};
`;

const wideUltraThinXLCss = css`
  ${ultraThinXLCss};
  ${trackingWide};
`;

const wideUltraThin2XLCss = css`
  ${ultraThin2XLCss};
  ${trackingWide};
`;

const wideUltraThin3XLCss = css`
  ${ultraThin3XLCss};
  ${trackingWide};
`;

const wideUltraThin4XLCss = css`
  ${ultraThin4XLCss};
  ${trackingWide};
`;

const wideUltraThin5XLCss = css`
  ${ultraThin5XLCss};
  ${trackingWide};
`;

const wideUltraThin6XLCss = css`
  ${ultraThin6XLCss};
  ${trackingWide};
`;

const wideUltraThin7XLCss = css`
  ${ultraThin7XLCss};
  ${trackingWide};
`;

const wideUltraThin8XLCss = css`
  ${ultraThin8XLCss};
  ${trackingWide};
`;

export {
  wideUltraThinXSCss,
  wideUltraThinSMCss,
  wideUltraThinMediumCss,
  wideUltraThinLGCss,
  wideUltraThinXLCss,
  wideUltraThin2XLCss,
  wideUltraThin3XLCss,
  wideUltraThin4XLCss,
  wideUltraThin5XLCss,
  wideUltraThin6XLCss,
  wideUltraThin7XLCss,
  wideUltraThin8XLCss,
};