import { cvr } from "../utils/cvr";

export const inlineSizeRecipe = cvr({
  base: "display--flex flex--nowrap justify--center items--center",
  variants: {
    size: {
      xs: "text--xs font-weight--xs h--inline-xs gap--xs",
      sm: "text--sm font-weight--sm h--inline-sm gap--sm",
      md: "text--md font-weight--md h--inline-md gap--md",
      lg: "text--lg font-weight--lg h--inline-lg gap--lg",
      xl: "text--xl font-weight--xl h--inline-xl gap--xl",
      "2xl": "text--2xl font-weight--2xl h--inline-2xl gap--2xl",
      "3xl": "text--3xl font-weight--3xl h--inline-3xl gap--3xl",
    },
    shape: {
      square: "rounded--none",
      circle: "rounded--full",
    },
  },
});