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

const boldXSCss = css`
  ${fontBoldCss};
  ${textXSCss};
`;

const boldSMCss = css`
  ${fontBoldCss};
  ${textSMCss};
`;

const boldCss = css`
  ${fontBoldCss};
  ${textCss};
`;
const boldLGCss = css`
  ${fontBoldCss};
  ${textLGCss};
`;
const boldXLCss = css`
  ${fontBoldCss};
  ${textXLCss};
`;
const bold2XLCss = css`
  ${fontBoldCss};
  ${text2XLCss};
`;
const bold3XLCss = css`
  ${fontBoldCss};
  ${text3XLCss};
`;

const bold4XLCss = css`
  ${fontBoldCss};
  ${text4XLCss};
`;
const bold5XLCss = css`
  ${fontBoldCss};
  ${text5XLCss};
`;

const bold6XLCss = css`
  ${fontBoldCss};
  ${text6XLCss};
`;

const bold7XLCss = css`
  ${fontBoldCss};
  ${text7XLCss};
`;

const bold8XLCss = css`
  ${fontBoldCss};
  ${text8XLCss};
`;

export {
  boldLGCss,
  boldCss,
  boldXSCss,
  boldXLCss,
  boldSMCss,
  bold3XLCss,
  bold2XLCss,
  bold4XLCss,
  bold5XLCss,
  bold6XLCss,
  bold7XLCss,
  bold8XLCss,
};