import { RuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';

declare const bannerStyles: {
    banner: RuntimeFn<{
        /**
         * Specifies the visual appearance of the banner message, influencing its color and style.
         * @default brand
         */
        appearance: {
            brand: {
                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
            };
            success: {
                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
            };
            info: {
                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
            };
            neutral: {
                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
            };
            inverted: {
                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
            };
            warning: {
                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
            };
            error: {
                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
            };
        };
        /**
         * Determines whether the banner message should float above the content. This can be useful for ensuring the message remains visible even as the user scrolls.
         * @default false
         */
        floating: {
            true: {
                borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
            };
        };
        /**
         * Enables subdued color variants for the banner. When true, uses softer, less vibrant versions of the appearance colors for a more subtle presentation.
         * @default false
         */
        tonal: {
            true: {};
        };
    }>;
};

export { bannerStyles };