import React from 'react';
import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
import type { OtherHTMLAttributes, TabsPanelTheme } from '@instructure/shared-types';
type TabsPanelOwnProps = {
    /**
     * The content that will be rendered in the corresponding <Tab /> and will label
     * this `<Tabs.Panel />` for screen readers
     */
    renderTitle: React.ReactNode | (() => React.ReactNode);
    children?: React.ReactNode;
    variant?: 'default' | 'secondary';
    isSelected?: boolean;
    isDisabled?: boolean;
    maxHeight?: string | number;
    minHeight?: string | number;
    id?: string;
    labelledBy?: string;
    padding?: Spacing;
    textAlign?: 'start' | 'center' | 'end';
    /**
     * provides a reference to the underlying html root element
     */
    elementRef?: (element: HTMLDivElement | null) => void;
    /**
     * Only one `<Tabs.Panel />` can be marked as active. The marked panel's content is rendered
     * for all the `<Tabs.Panel />`s.
     */
    active?: boolean;
    /**
     * When set to false, the tabPanel only will be hidden, but not dismounted when not active
     */
    unmountOnExit?: boolean;
    /**
     * The tabIndex of the tabpanel element. Set to 0 for text-only panels to make them
     * accessible to keyboard and screen reader users.
     */
    tabIndex?: number;
};
type PropKeys = keyof TabsPanelOwnProps;
type AllowedPropKeys = Readonly<Array<PropKeys>>;
type TabsPanelProps = TabsPanelOwnProps & WithStyleProps<TabsPanelTheme, TabsPanelStyle> & OtherHTMLAttributes<TabsPanelOwnProps>;
type TabsPanelStyle = ComponentStyle<'panel' | 'content'>;
declare const allowedProps: AllowedPropKeys;
export type { TabsPanelProps, TabsPanelStyle };
export { allowedProps };
//# sourceMappingURL=props.d.ts.map