import React from 'react';
export interface ITabBreakPoint {
    target: 'min-width' | 'max-width';
    value: number;
}
export interface ITab {
    /** An ID for the tab - this is used to create an anchor on the page */
    id?: string;
    /** The text to show for the tab */
    text: string;
    /** The content to show for the tab */
    content?: React.ReactNode | JSX.Element;
    /** The link to use for the tab, if `content` has not been provided */
    href?: string;
    /** Whether the tab is the current selected tab */
    current?: boolean;
    /** Whether the tab has carousels - this is needed to ensure the carousel width loads as expected */
    hasCarousel?: boolean;
    /** The breakpoint at which the tab should be shown. If not specified, always show */
    breakpoint?: ITabBreakPoint;
}
export interface ITabsProps {
    /** The tab details */
    tabs: ITab[];
    /** Additional classes */
    className?: string;
    /** Prevent window move by not jumping to the tab on click */
    preventLocationChange?: boolean;
}
declare const Tabs: ({ tabs, className, preventLocationChange }: ITabsProps) => import("react/jsx-runtime").JSX.Element;
export default Tabs;
