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

declare const tabs: {
    classnames: {
        ul: RuntimeFn<{
            underlined: {
                true: {
                    padding: number;
                    borderRadius: number;
                    borderColor: "transparent";
                    backgroundColor: "transparent";
                    borderBottomColor: `var(--${string})` | `var(--${string}, ${string})`;
                };
            };
            position: {
                left: {
                    justifyContent: "flex-start";
                };
                center: {
                    justifyContent: "center";
                };
                right: {
                    justifyContent: "flex-end";
                };
            };
        }>;
        li: RuntimeFn<{
            full: {
                true: {
                    flex: "1";
                };
            };
        }>;
        button: RuntimeFn<{
            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";
                    };
                };
            };
            underlined: {
                true: {
                    borderRadius: number;
                    borderColor: "transparent";
                    backgroundColor: "transparent";
                    borderBottomColor: "transparent";
                    ":hover": {
                        boxShadow: "none";
                        borderBottomColor: `var(--${string})` | `var(--${string}, ${string})`;
                    };
                    ":disabled": {
                        borderBottomColor: "transparent";
                    };
                };
            };
        }>;
    };
};

export { tabs };