import { css } from "styled-components";
import {
  regular2XLCss,
  regular3XLCss,
  regular4XLCss,
  regular5XLCss,
  regular6XLCss,
  regular7XLCss,
  regular8XLCss,
  regularCss,
  regularLGCss,
  regularSMCss,
  regularXLCss,
  regularXSCss,
} from "./regular.css";
import { trackingWider } from "../../tracking";

const regularWiderXSCss = css`
  ${regularXSCss};
  ${trackingWider};
`;

const regularWiderCss = css`
  ${regularCss};
  ${trackingWider};
`;

const regularWiderSMCss = css`
  ${regularSMCss};
  ${trackingWider};
`;

const regularWiderLGCss = css`
  ${regularLGCss};
  ${trackingWider};
`;

const regularWiderXLCss = css`
  ${regularXLCss};
  ${trackingWider};
`;

const regularWider2XLCss = css`
  ${regular2XLCss};
  ${trackingWider};
`;

const regularWider3XLCss = css`
  ${regular3XLCss};
  ${trackingWider};
`;

const regularWider4XLCss = css`
  ${regular4XLCss};
  ${trackingWider};
`;

const regularWider5XLCss = css`
  ${regular5XLCss};
  ${trackingWider};
`;

const regularWider6XLCss = css`
  ${regular6XLCss};
  ${trackingWider};
`;

const regularWider7XLCss = css`
  ${regular7XLCss};
  ${trackingWider};
`;

const regularWider8XLCss = css`
  ${regular8XLCss};
  ${trackingWider};
`;

export {
  regularWiderXSCss,
  regularWiderSMCss,
  regularWiderCss,
  regularWiderLGCss,
  regularWiderXLCss,
  regularWider2XLCss,
  regularWider3XLCss,
  regularWider4XLCss,
  regularWider5XLCss,
  regularWider6XLCss,
  regularWider7XLCss,
  regularWider8XLCss,
};