import { ReactNode } from 'react';
import { BoxProps, TabsProps, TabProps } from '@mui/material';
export type SectionTab = {
    name: string;
    onClick?: () => void;
    component?: ReactNode;
    disabled?: boolean | false;
    icon?: ReactNode;
    tooltip?: ReactNode;
    tabProps?: {
        href?: string;
        hrefLang?: string;
        isExternal?: boolean;
    };
};
export type SectionTabsProps = BoxProps & {
    tabs: SectionTab[];
    value?: number;
    renderComponents?: boolean | true;
    /**
     * Force scrollable behavior even on desktop.
     * If not provided, scrollable will be automatically enabled on mobile devices.
     */
    scrollable?: boolean;
    tabsProps?: TabsProps;
    tabProps?: TabProps;
    boxProps?: BoxProps;
};
export declare const SectionTabs: (props: SectionTabsProps) => import("react/jsx-runtime").JSX.Element;
export type SectionTabPanelProps = {
    children?: ReactNode;
    index: number;
    value: number;
};