import type { MouseEvent, ReactNode } from 'react';
import React from 'react';
type Type = 'box' | 'panel' | 'underlined';
export interface Props {
    /**
     * Unique ID for the component
     */
    id?: string;
    /**
     * Allows to define tab label
     */
    label: string;
    /**
     * Allows to change the styling of component
     *
     * @param {Type} box Uses Box component as wrapper for content container
     * @param {Type} panel Content container remains unstyled
     * @param {Type} underlined Tab label is visually similar to anchor, with content container unstyled
     *
     * @default 'box'
     */
    type?: Type;
    /**
     * Content of the component
     */
    children?: ReactNode;
    /**
     * Allows to set tab as active
     */
    isActive?: boolean;
    /**
     * On tab label click callback
     */
    onClick?: (label: string, e?: MouseEvent<HTMLElement>) => void;
    /**
     * Allows to pass testid string for testing purposes
     */
    'data-testid'?: string;
    /**
     * Allows to pass a custom className
     */
    className?: string;
}
/** @visibleName Tab */
declare const Tab: ({ type, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
/** @component */
export default Tab;