import { css } from "styled-components";
import { textColor } from "../../getters";

const textGray50 = css`
  color: ${textColor("gray.50")};
`;
const textGray100 = css`
  color: ${textColor("gray.100")};
`;
const textGray200 = css`
  color: ${textColor("gray.200")};
`;
const textGray300 = css`
  color: ${textColor("gray.300")};
`;
const textGray400 = css`
  color: ${textColor("gray.400")};
`;
const textGray500 = css`
  color: ${textColor("gray.500")};
`;
const textGray600 = css`
  color: ${textColor("gray.600")};
`;
const textGray700 = css`
  color: ${textColor("gray.700")};
`;
const textGray800 = css`
  color: ${textColor("gray.800")};
`;
const textGray900 = css`
  color: ${textColor("gray.900")};
`;
export {
  textGray50,
  textGray100,
  textGray200,
  textGray300,
  textGray400,
  textGray500,
  textGray600,
  textGray700,
  textGray800,
  textGray900,
};