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

const regularXSCss = css`
  ${textXSCss};
  ${fontRegularCss};
`;

const regularCss = css`
  ${textCss};
  ${fontRegularCss};
`;

const regularSMCss = css`
  ${textSMCss};
  ${fontRegularCss};
`;

const regularLGCss = css`
  ${textLGCss};
  ${fontRegularCss};
`;

const regularXLCss = css`
  ${textXLCss};
  ${fontRegularCss};
`;

const regular2XLCss = css`
  ${text2XLCss};
  ${fontRegularCss};
`;

const regular3XLCss = css`
  ${text3XLCss};
  ${fontRegularCss};
`;

const regular4XLCss = css`
  ${text4XLCss};
  ${fontRegularCss};
`;

const regular5XLCss = css`
  ${text5XLCss};
  ${fontRegularCss};
`;

const regular6XLCss = css`
  ${text6XLCss};
  ${fontRegularCss};
`;

const regular7XLCss = css`
  ${text7XLCss};
  ${fontRegularCss};
`;

const regular8XLCss = css`
  ${text8XLCss};
  ${fontRegularCss};
`;

export {
  regularXSCss,
  regularSMCss,
  regularCss,
  regularLGCss,
  regularXLCss,
  regular2XLCss,
  regular3XLCss,
  regular4XLCss,
  regular5XLCss,
  regular6XLCss,
  regular7XLCss,
  regular8XLCss,
};