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

const semiBoldXSCss = css`
  ${fontSemiBoldCss};
  ${textXSCss};
`;

const semiBoldSMCss = css`
  ${fontSemiBoldCss};
  ${textSMCss};
`;

const semiBoldCss = css`
  ${fontSemiBoldCss};
  ${textCss};
`;
const semiBoldLGCss = css`
  ${fontSemiBoldCss};
  ${textLGCss};
`;
const semiBoldXLCss = css`
  ${fontSemiBoldCss};
  ${textXLCss};
`;
const semiBold2XLCss = css`
  ${fontSemiBoldCss};
  ${text2XLCss};
`;
const semiBold3XLCss = css`
  ${fontSemiBoldCss};
  ${text3XLCss};
`;

const semiBold4XLCss = css`
  ${fontSemiBoldCss};
  ${text4XLCss};
`;
const semiBold5XLCss = css`
  ${fontSemiBoldCss};
  ${text5XLCss};
`;

const semiBold6XLCss = css`
  ${fontSemiBoldCss};
  ${text6XLCss};
`;

const semiBold7XLCss = css`
  ${fontSemiBoldCss};
  ${text7XLCss};
`;

const semiBold8XLCss = css`
  ${fontSemiBoldCss};
  ${text8XLCss};
`;

export {
  semiBoldLGCss,
  semiBoldCss,
  semiBoldXSCss,
  semiBoldXLCss,
  semiBoldSMCss,
  semiBold3XLCss,
  semiBold2XLCss,
  semiBold4XLCss,
  semiBold5XLCss,
  semiBold6XLCss,
  semiBold7XLCss,
  semiBold8XLCss,
};