import { css } from "styled-components";
import { fontUltraThinCss } from "../font";
import {
  textCss,
  text2XLCss,
  text3XLCss,
  text4XLCss,
  text5XLCss,
  text6XLCss,
  text7XLCss,
  text8XLCss,
  textLGCss,
  textSMCss,
  textXLCss,
  textXSCss,
} from "../../text";

const ultraThinXSCss = css`
  ${textXSCss};
  ${fontUltraThinCss};
`;

const ultraThinMediumCss = css`
  ${textCss};
  ${fontUltraThinCss};
`;

const ultraThinSMCss = css`
  ${textSMCss};
  ${fontUltraThinCss};
`;

const ultraThinLGCss = css`
  ${textLGCss};
  ${fontUltraThinCss};
`;

const ultraThinXLCss = css`
  ${textXLCss};
  ${fontUltraThinCss};
`;

const ultraThin2XLCss = css`
  ${text2XLCss};
  ${fontUltraThinCss};
`;

const ultraThin3XLCss = css`
  ${text3XLCss};
  ${fontUltraThinCss};
`;

const ultraThin4XLCss = css`
  ${text4XLCss};
  ${fontUltraThinCss};
`;

const ultraThin5XLCss = css`
  ${text5XLCss};
  ${fontUltraThinCss};
`;

const ultraThin6XLCss = css`
  ${text6XLCss};
  ${fontUltraThinCss};
`;

const ultraThin7XLCss = css`
  ${text7XLCss};
  ${fontUltraThinCss};
`;

const ultraThin8XLCss = css`
  ${text8XLCss};
  ${fontUltraThinCss};
`;

export {
  ultraThinMediumCss,
  ultraThin2XLCss,
  ultraThin3XLCss,
  ultraThin4XLCss,
  ultraThin5XLCss,
  ultraThin6XLCss,
  ultraThin7XLCss,
  ultraThin8XLCss,
  ultraThinLGCss,
  ultraThinSMCss,
  ultraThinXLCss,
  ultraThinXSCss,
};