import React from 'react';
import PropTypes from 'prop-types';
import { ComponentProps } from '../utils/types';
interface PanelPropsBase {
    children?: React.ReactNode;
    /** Inserts number in tab label. */
    count?: number;
    /**
     * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
     */
    elementRef?: React.Ref<HTMLDivElement>;
    /** See Icon documentation for more information.
     */
    icon?: React.ReactNode;
    /**
     * By default, adds padding to panel content. If set to false, renders panel content without padding.
     */
    inset?: boolean;
    /** The text shown in the button. */
    label?: React.ReactNode;
    /** A unique `id` for this panel and used by the `TabLayout` to keep track of the open panel. */
    panelId: string;
    /**
     * Content to show in a tooltip when the user hovers over or focuses on the tab.
     *
     * Note: The tooltip will override the label for the Panel for screen readers.
     */
    tooltip?: React.ReactNode;
    /** Prevents user from clicking the tab. */
    disabled?: boolean;
}
type PanelProps = ComponentProps<PanelPropsBase, 'div'>;
declare function Panel({ children, disabled, // eslint-disable-line @typescript-eslint/no-unused-vars
elementRef, inset, panelId, ...otherProps }: PanelProps): React.JSX.Element;
declare namespace Panel {
    var propTypes: {
        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
        count: PropTypes.Requireable<number>;
        disabled: PropTypes.Requireable<boolean>;
        elementRef: PropTypes.Requireable<object>;
        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
        inset: PropTypes.Requireable<boolean>;
        label: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>;
        panelId: PropTypes.Validator<string>;
        tooltip: PropTypes.Requireable<PropTypes.ReactNodeLike>;
    };
}
export default Panel;