@yamada-ui/react/dist/types/components/tabs/tabs.d.ts

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

import { ThemeProps } from "../../core/system/index.types.js";
import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
import "../../core/index.js";
import { UseLazyMountProps } from "../../hooks/use-lazy-mount/index.js";
import { TabsStyle } from "./tabs.style.js";
import { UseTabPanelProps, UseTabProps, UseTabsProps } from "./use-tabs.js";
import "../../index.js";
import * as react2655 from "react";
import { FC, PropsWithChildren, ReactNode } from "react";

//#region src/components/tabs/tabs.d.ts
interface TabsItem extends Omit<TabsTabProps, "index"> {
  /**
   * The content for panel element.
   */
  panel: ReactNode;
  /**
   * The content for tab element.
   */
  tab: ReactNode;
  /**
   * Props for panel element.
   */
  panelProps?: TabsPanelProps;
}
interface TabsRootProps extends Omit<HTMLStyledProps, "onChange">, Omit<UseTabsProps, "orientation">, Pick<UseLazyMountProps, "lazy" | "lazyBehavior">, ThemeProps<TabsStyle> {
  /**
   * If provided, generate tab and panel components based on tabs.
   */
  items?: TabsItem[];
}
declare const TabsPropsContext: react2655.Context<Partial<TabsRootProps> | undefined>, useTabsPropsContext: () => Partial<TabsRootProps> | undefined;
/**
 * `Tabs` is a component for switching between different display areas.
 *
 * @see https://yamada-ui.com/docs/components/tabs
 */
declare const TabsRoot: Component<"div", TabsRootProps>;
interface TabsListProps extends HTMLStyledProps {}
declare const TabsList: Component<"div", TabsListProps>;
interface TabsTabProps extends HTMLStyledProps<"button">, UseTabProps {}
declare const TabsTab: Component<"button", TabsTabProps>;
interface TabsPanelsProps extends PropsWithChildren {}
declare const TabsPanels: FC<TabsPanelsProps>;
interface TabsPanelProps extends HTMLStyledProps, UseTabPanelProps {}
declare const TabsPanel: Component<"div", TabsPanelProps>;
//#endregion
export { TabsItem, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsPanels, TabsPanelsProps, TabsPropsContext, TabsRoot, TabsRootProps, TabsTab, TabsTabProps, useTabsPropsContext };
//# sourceMappingURL=tabs.d.ts.map