import React from 'react';
import { ContainerComponent, ItemProps } from './Tabs.types';
export declare const Item: ({ children }: ItemProps) => React.JSX.Element;
declare const components: {
    TabContent: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {}, never>;
    TabBar: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<{
        sm?: Partial<import("../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
        md?: Partial<import("../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
        lg?: Partial<import("../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
        xl?: Partial<import("../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
    } & import("../../Atoms/Flexbox/Flexbox.types").ItemProps & import("../../Atoms/Flexbox/Flexbox.types").ContainerProps & {
        className?: string | undefined;
    } & {
        children?: React.ReactNode;
        as?: any;
    } & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, import("./Tabs.types").ScrollStyleProps, never>;
};
export declare const Tabs: ContainerComponent & {
    /**
     * This will allow you to customize
     * inner parts with styled-components
     * Tabs component does not have a parent html element but consists of 3 elements that are siblings.
     * Use the ~ selector to access the siblings like TabContent in this example.
     * @example
     * const StyledContentTabs = styled(Tabs)`
     *  & ~ ${Tabs.components.TabContent} {
     *    height: inherit;
     *  }
     * `;
     * */
    components: typeof components;
};
export {};
