import { css } from "styled-components";

const roundedSM = css`
  border-radius: 0.125rem;
`;

const rounded = css`
  border-radius: 0.25rem;
`;

const roundedMD = css`
  border-radius: 0.375rem;
`;

const roundedLG = css`
  border-radius: 0.5rem;
`;

const roundedXL = css`
  border-radius: 0.75rem;
`;

const rounded2XL = css`
  border-radius: 1rem;
`;

const rounded3XL = css`
  border-radius: 1.5rem;
`;

const roundedFull = css`
  border-radius: 9999px;
`;

export {
  roundedSM,
  rounded,
  roundedMD,
  roundedLG,
  rounded2XL,
  rounded3XL,
  roundedXL,
  roundedFull,
};