import { RecipeVariants } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';
import { AddDollar, Conditions } from '../../../types/utils.types.js';
import { cardStyles, cardBackgroundColorProperties } from './rarui-card.css.js';

type CardVariants = NonNullable<RecipeVariants<typeof cardStyles.card>>;
interface CardSprinkle {
    /**
     * Specifies the background color of the card.
     * This prop accepts one of the following values: "$transparent", "$background", "$primary", or "$secondary"
     * @default $primary
     * @examples ["$brand", { xs: "$brand", md: "$secondary" }]
     */
    backgroundColor?: AddDollar<keyof typeof cardBackgroundColorProperties> | Conditions<AddDollar<keyof typeof cardBackgroundColorProperties>>;
}

export type { CardSprinkle, CardVariants };