/*!
 * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
 * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
 *
 * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *
 * See the License for the specific language governing permissions and limitations under the License.
 */
import { TabListProps as MuiTabListProps } from "@mui/lab";
import { ReactElement, ReactNode } from "react";
import { BadgeProps } from "./Badge.js";
import { HtmlProps } from "./HtmlProps.js";
export type TabItemProps = {
    /**
     * Content rendered inside the tab panel when this tab is active.
     */
    children: ReactNode;
    /**
     * If `true`, the tab is disabled and cannot be selected.
     */
    isDisabled?: boolean;
    /**
     * The label text for the TabItem
     */
    label: string;
    /**
     * An optional icon to display at the start of the TabItem
     */
    startIcon?: ReactElement;
    /**
     * The value associated with the TabItem
     */
    value?: string;
} & {
    /**
     * The count to display in the notification badge on the tab. Badge is hidden when the value is 0 or undefined.
     */
    notificationCount?: BadgeProps["badgeContent"];
    /**
     * The maximum value to display in the notification badge before truncating with "+".
     */
    notificationCountMax?: BadgeProps["badgeContentMax"];
} & Pick<HtmlProps, "testId" | "translate">;
export type TabsProps = {
    /**
     * @deprecated please use the `value` prop instead
     * When `value` is provided, `initialValue` isn't used.
     */
    initialValue?: string;
    /**
     * Called when the active tab changes. Receives the new tab value.
     */
    onChange?: MuiTabListProps["onChange"];
    /**
     * The TabItems to be included in the Tabs group
     */
    tabs: TabItemProps[];
    /**
     * Identifier for the selected tab.
     */
    value?: string;
};
declare const MemoizedTabs: import("react").MemoExoticComponent<({ ariaLabel, initialValue, tabs, value, onChange: onChangeProp, }: TabsProps & Pick<HtmlProps, "ariaLabel">) => import("@emotion/react/jsx-runtime").JSX.Element>;
export { MemoizedTabs as Tabs };
//# sourceMappingURL=Tabs.d.ts.map