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

const extraBoldXSCss = css`
  ${fontExtraBoldCss};
  ${textXSCss};
`;

const extraBoldSMCss = css`
  ${fontExtraBoldCss};
  ${textSMCss};
`;

const extraBoldCss = css`
  ${fontExtraBoldCss};
  ${textCss};
`;
const extraBoldLGCss = css`
  ${fontExtraBoldCss};
  ${textLGCss};
`;
const extraBoldXLCss = css`
  ${fontExtraBoldCss};
  ${textXLCss};
`;
const extraBold2XLCss = css`
  ${fontExtraBoldCss};
  ${text2XLCss};
`;
const extraBold3XLCss = css`
  ${fontExtraBoldCss};
  ${text3XLCss};
`;

const extraBold4XLCss = css`
  ${fontExtraBoldCss};
  ${text4XLCss};
`;
const extraBold5XLCss = css`
  ${fontExtraBoldCss};
  ${text5XLCss};
`;

const extraBold6XLCss = css`
  ${fontExtraBoldCss};
  ${text6XLCss};
`;

const extraBold7XLCss = css`
  ${fontExtraBoldCss};
  ${text7XLCss};
`;

const extraBold8XLCss = css`
  ${fontExtraBoldCss};
  ${text8XLCss};
`;

export {
  extraBoldLGCss,
  extraBoldCss,
  extraBoldXSCss,
  extraBoldXLCss,
  extraBoldSMCss,
  extraBold3XLCss,
  extraBold2XLCss,
  extraBold4XLCss,
  extraBold5XLCss,
  extraBold6XLCss,
  extraBold7XLCss,
  extraBold8XLCss,
};