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

const thinXSCss = css`
  ${textXSCss};
  ${fontThinCss};
`;

const thinCss = css`
  ${textCss};
  ${fontThinCss};
`;

const thinSMCss = css`
  ${textSMCss};
  ${fontThinCss};
`;

const thinLGCss = css`
  ${textLGCss};
  ${fontThinCss};
`;

const thinXLCss = css`
  ${textXLCss};
  ${fontThinCss};
`;

const thin2XLCss = css`
  ${text2XLCss};
  ${fontThinCss};
`;

const thin3XLCss = css`
  ${text3XLCss};
  ${fontThinCss};
`;

const thin4XLCss = css`
  ${text4XLCss};
  ${fontThinCss};
`;

const thin5XLCss = css`
  ${text5XLCss};
  ${fontThinCss};
`;

const thin6XLCss = css`
  ${text6XLCss};
  ${fontThinCss};
`;

const thin7XLCss = css`
  ${text7XLCss};
  ${fontThinCss};
`;

const thin8XLCss = css`
  ${text8XLCss};
  ${fontThinCss};
`;

export {
  thinCss,
  thin2XLCss,
  thin3XLCss,
  thin4XLCss,
  thin5XLCss,
  thin6XLCss,
  thin7XLCss,
  thin8XLCss,
  thinLGCss,
  thinSMCss,
  thinXLCss,
  thinXSCss,
};