import { recipe, RecipeVariants } from '@vanilla-extract/recipes';

import { createVariantFromToken, vars } from '../css';

const paperVars = vars.components.paper;

export const paper = recipe({
  base: {
    border: `${paperVars.borderWidths.base} solid ${paperVars.colors.border}`,
  },

  variants: {
    padding: {
      none: {},
      ...createVariantFromToken(paperVars.space, (_key, value) => ({
        padding: value,
      })),
    },
  },
});

export type PaperVariants = NonNullable<RecipeVariants<typeof paper>>;