import * as stylex from '@stylexjs/stylex';
export declare const styles: Readonly<{
    readonly container: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
    }>;
    readonly tabs: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
    }>;
    readonly leftAlignment: Readonly<{
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "flex-start">;
    }>;
    readonly centerAlignment: Readonly<{
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
    }>;
    readonly rightAlignment: Readonly<{
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "flex-end">;
    }>;
    readonly tabsBottom: Readonly<{
        readonly marginBottom: stylex.StyleXClassNameFor<"marginBottom", "4rem">;
    }>;
    readonly tabsTop: Readonly<{
        readonly marginTop: stylex.StyleXClassNameFor<"marginTop", "4rem">;
    }>;
    readonly tabsBottomReduced: Readonly<{
        readonly marginBottom: stylex.StyleXClassNameFor<"marginBottom", "2rem">;
    }>;
    readonly tabsTopReduced: Readonly<{
        readonly marginTop: stylex.StyleXClassNameFor<"marginTop", "2rem">;
    }>;
    readonly tab: Readonly<{
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 500>;
        readonly transition: stylex.StyleXClassNameFor<"transition", "background-color 0.25s ease, color 0.25s ease, opacity 0.25s ease">;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outline: "none";
        }>;
    }>;
    readonly inactiveTab: Readonly<{
        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.8>;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly opacity: 1;
        }>;
    }>;
    readonly content: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
    }>;
    readonly tabPanel: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "none">;
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
    }>;
    readonly activePanel: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "block">;
    }>;
    readonly filledContainer: Readonly<{}>;
    readonly filledTabsList: Readonly<{
        readonly padding: stylex.StyleXClassNameFor<"padding", "0.5rem">;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "0.5rem">;
        readonly width: stylex.StyleXClassNameFor<"width", "fit-content">;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
    }>;
    readonly filledActiveTab: Readonly<{
        readonly opacity: stylex.StyleXClassNameFor<"opacity", 1>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "4px 4px 0 0">;
        readonly transition: stylex.StyleXClassNameFor<"transition", "background-color 0.25s ease, color 0.25s ease, opacity 0.25s ease">;
    }>;
    readonly filledFocusedTab: Readonly<{
        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
    }>;
    readonly elegantContainer: Readonly<{}>;
    readonly elegantTabsList: Readonly<{
        readonly gap: stylex.StyleXClassNameFor<"gap", "2rem">;
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly borderBottomWidth: stylex.StyleXClassNameFor<"borderBottomWidth", "1px">;
        readonly borderBottomStyle: stylex.StyleXClassNameFor<"borderBottomStyle", "solid">;
        readonly borderBottomColor: stylex.StyleXClassNameFor<"borderBottomColor", string>;
    }>;
    readonly elegantTabsListFitContent: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "fit-content">;
        readonly borderBottomWidth: stylex.StyleXClassNameFor<"borderBottomWidth", 0>;
        readonly '::after': stylex.StyleXClassNameFor<"::after", {
            readonly content: "\"\"";
            readonly position: "absolute";
            readonly bottom: 0;
            readonly left: 0;
            readonly right: 0;
            readonly height: "1px";
            readonly backgroundColor: stylex.StyleXVar<string>;
        }>;
    }>;
    readonly elegantActiveTab: Readonly<{
        readonly opacity: stylex.StyleXClassNameFor<"opacity", 1>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 1>;
        readonly '::after': stylex.StyleXClassNameFor<"::after", {
            readonly content: "\"\"";
            readonly position: "absolute";
            readonly bottom: "-1px";
            readonly left: 0;
            readonly right: 0;
            readonly height: "2px";
            readonly backgroundColor: stylex.StyleXVar<string>;
            readonly transition: "all 0.25s ease";
        }>;
        readonly transition: stylex.StyleXClassNameFor<"transition", "color 0.25s ease, opacity 0.25s ease">;
    }>;
    readonly elegantFocusedTab: Readonly<{
        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
    }>;
    readonly smallTab: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.4rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "0.8rem 1.6rem">;
    }>;
    readonly mediumTab: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.6rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "1rem 2rem">;
    }>;
    readonly largeTab: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.8rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "1.2rem 2.4rem">;
    }>;
}>;