export declare const StyledTabList: import("@emotion/styled").StyledComponent & Omit, HTMLDivElement>, "ref"> & { ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject | null | undefined; }, keyof import("@ariakit/react").TabListOptions> & { [index: `data-${string}`]: unknown; } & { theme?: import("@emotion/react").Theme; }, {}, {}>; export declare const StyledTab: import("@emotion/styled").StyledComponent & Omit, HTMLButtonElement>, "ref"> & { ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject | null | undefined; }, keyof import("@ariakit/react").TabOptions> & { [index: `data-${string}`]: unknown; } & { theme?: import("@emotion/react").Theme; }, {}, {}>; export declare const StyledTabChildren: import("@emotion/styled").StyledComponent<{ theme?: import("@emotion/react").Theme; as?: React.ElementType; }, import("react").DetailedHTMLProps, HTMLSpanElement>, {}>; export declare const StyledTabChevron: import("@emotion/styled").StyledComponent; export declare const StyledTabPanel: import("@emotion/styled").StyledComponent & Omit, HTMLDivElement>, "ref"> & { ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject | null | undefined; }, keyof import("@ariakit/react").TabPanelOptions> & { [index: `data-${string}`]: unknown; } & { theme?: import("@emotion/react").Theme; }, {}, {}>; //# sourceMappingURL=styles.d.ts.map