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

export declare const accordion: import('@vanilla-extract/recipes').RuntimeFn<{
    width: {
        "1/2": {
            display: "flex";
            flexBasis: "50%";
        };
        "1/3": {
            display: "flex";
            flexBasis: "33.333333333333336%";
        };
        "2/3": {
            display: "flex";
            flexBasis: "66.66666666666667%";
        };
        "1/4": {
            display: "flex";
            flexBasis: "25%";
        };
        "3/4": {
            display: "flex";
            flexBasis: "75%";
        };
        "1/5": {
            display: "flex";
            flexBasis: "20%";
        };
        "2/5": {
            display: "flex";
            flexBasis: "40%";
        };
        "3/5": {
            display: "flex";
            flexBasis: "60%";
        };
        "4/5": {
            display: "flex";
            flexBasis: "80%";
        };
    };
}>;
export declare const headerAccordion: import('@vanilla-extract/recipes').RuntimeFn<{
    variant: {
        primary: {
            color: `var(--${string})`;
        };
    };
}>;
export type Header = RecipeVariants<typeof headerAccordion>;
export declare const headerContent: string;
export declare const icon: string;
export declare const bodyAccordion: string;
export declare const hide: string;
export declare const paragraph: string;