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

const lightSMCss = css`
  ${textSMCss};
  ${fontLight};
`;

const lightXSCss = css`
  ${textXSCss};
  ${fontLight};
`;

const lightCss = css`
  ${textCss};
  ${fontLight};
`;

const lightLGCss = css`
  ${textLGCss};
  ${fontLight};
`;

const lightXLCss = css`
  ${textXLCss};
  ${fontLight};
`;

const light2XLCss = css`
  ${text2XLCss};
  ${fontLight};
`;

const light3XLCss = css`
  ${text3XLCss};
  ${fontLight};
`;

const light4XLCss = css`
  ${text4XLCss};
  ${fontLight};
`;

const light5XLCss = css`
  ${text5XLCss};
  ${fontLight};
`;

const light6XLCss = css`
  ${text6XLCss};
  ${fontLight};
`;

const light7XLCss = css`
  ${text7XLCss};
  ${fontLight};
`;

const light8XLCss = css`
  ${text8XLCss};
  ${fontLight};
`;

export {
  light2XLCss,
  light3XLCss,
  light4XLCss,
  light5XLCss,
  light6XLCss,
  light7XLCss,
  light8XLCss,
  lightCss,
  lightLGCss,
  lightSMCss,
  lightXLCss,
  lightXSCss,
};