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

declare const tabsStyles: {
    ul: RuntimeFn<{
        /**
         * Determines whether the tabs should have an underline style.
         */
        underlined: {
            true: {
                padding: number;
                borderRadius: number;
                borderColor: "transparent";
                backgroundColor: "transparent";
                borderBottomColor: `var(--${string})` | `var(--${string}, ${string})`;
            };
        };
        /**
         * Controls where the tab buttons are displayed. This prop accepts one of the following values: "left", "center", or "right".
         * @default left
         */
        position: {
            left: {
                justifyContent: "flex-start";
            };
            center: {
                justifyContent: "center";
            };
            right: {
                justifyContent: "flex-end";
            };
        };
    }>;
    li: RuntimeFn<{
        /**
         * Determines whether the tabs should occupy the full width of their container.
         */
        full: {
            true: {
                flex: "1";
            };
        };
    }>;
    button: RuntimeFn<{
        /**
         * Indicates whether the button is currently selected. This is used to style the button accordingly.
         */
        selected: {
            true: {
                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
                borderColor: `var(--${string})` | `var(--${string}, ${string})`;
                ":disabled": {
                    backgroundColor: "transparent";
                    borderColor: "transparent";
                };
            };
        };
        /**
         * Determines whether the tabs should have an underline style.
         */
        underlined: {
            true: {
                borderRadius: number;
                borderColor: "transparent";
                backgroundColor: "transparent";
                borderBottomColor: "transparent";
                ":hover": {
                    boxShadow: "none";
                    borderBottomColor: `var(--${string})` | `var(--${string}, ${string})`;
                };
                ":disabled": {
                    borderBottomColor: "transparent";
                };
            };
        };
    }>;
};

export { tabsStyles };