import React from 'react';
import { BaseProps } from '../common/icons';
type StyledPanelTabProps = {
    active?: boolean;
};
export type PanelItem = {
    id: string;
    label: string;
    iconComponent: React.ComponentType<Partial<BaseProps>>;
};
export type PanelTabProps = {
    isActive: boolean;
    panel: PanelItem;
    onClick: (e: React.MouseEvent<HTMLDivElement>) => void;
};
export declare const StyledPanelTab: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
}>, never>, StyledPanelTabProps>>;
export declare function PanelTabFactory(): React.FC<PanelTabProps>;
export default PanelTabFactory;