import { AsElementProps, ElementProps, HeadingLevel } from "../../../types/shared.mjs";
import { PolymorphicComponentProps } from "../../../internal/factory/create-polymorphic-factory.mjs";
import { BaseProps } from "../../core/base/Base.mjs";
import { TabsProps } from "./TabsRoot.mjs";
import React from "react";

//#region src/components/content-presentation/tabs/Tabs.d.ts
type TabsTitleProps = BaseProps & AsElementProps<HeadingLevel>;
declare const TabsTitle: (<TComponent = "h2">(props: PolymorphicComponentProps<TComponent, TabsTitleProps>) => React.ReactElement) & Omit<React.FunctionComponent<({
  className?: string;
} & {
  children?: React.ReactNode | undefined;
} & AsElementProps<"h1" | "h2" | "h3" | "h4" | "h5" | "h6"> & AsElementProps<any> & Omit<Omit<any, "ref">, "className" | "children" | "as"> & {
  ref?: any;
  renderRoot?: (props: any) => any;
}) | ({
  className?: string;
} & {
  children?: React.ReactNode | undefined;
} & AsElementProps<"h1" | "h2" | "h3" | "h4" | "h5" | "h6"> & {
  as: keyof React.JSX.IntrinsicElements | React.JSXElementConstructor<any>;
  renderRoot?: (props: Record<string, any>) => any;
})>, never> & Record<string, never>;
type TabsListProps = ElementProps<'ul'>;
declare const TabsList: {
  ({
    children,
    className,
    ...props
  }: TabsListProps): React.JSX.Element;
  displayName: string;
};
type TabsListItemProps = {
  selected?: boolean;
} & BaseProps;
declare const TabsListItem: (<TComponent = "a">(props: PolymorphicComponentProps<TComponent, TabsListItemProps>) => React.ReactElement) & Omit<React.FunctionComponent<({
  selected?: boolean;
} & {
  className?: string;
} & {
  children?: React.ReactNode | undefined;
} & AsElementProps<any> & Omit<Omit<any, "ref">, "className" | "children" | "as" | "selected"> & {
  ref?: any;
  renderRoot?: (props: any) => any;
}) | ({
  selected?: boolean;
} & {
  className?: string;
} & {
  children?: React.ReactNode | undefined;
} & {
  as: keyof React.JSX.IntrinsicElements | React.JSXElementConstructor<any>;
  renderRoot?: (props: Record<string, any>) => any;
})>, never> & Record<string, never>;
type TabsPanelProps = {
  id: string;
  hidden?: boolean;
} & ElementProps<'div', 'id'>;
declare const TabsPanel: {
  ({
    children,
    className,
    id,
    hidden,
    ...props
  }: TabsPanelProps): React.JSX.Element;
  displayName: string;
};
declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement> & AsElementProps & Record<`data-${string}`, unknown> & {
  renderRoot?: (props: Record<string, any>) => React.ReactNode;
}> & Record<string, never> & {
  Title: (<TComponent = "h2">(props: PolymorphicComponentProps<TComponent, TabsTitleProps>) => React.ReactElement) & Omit<React.FunctionComponent<({
    className?: string;
  } & {
    children?: React.ReactNode | undefined;
  } & AsElementProps<"h1" | "h2" | "h3" | "h4" | "h5" | "h6"> & AsElementProps<any> & Omit<Omit<any, "ref">, "className" | "children" | "as"> & {
    ref?: any;
    renderRoot?: (props: any) => any;
  }) | ({
    className?: string;
  } & {
    children?: React.ReactNode | undefined;
  } & AsElementProps<"h1" | "h2" | "h3" | "h4" | "h5" | "h6"> & {
    as: keyof React.JSX.IntrinsicElements | React.JSXElementConstructor<any>;
    renderRoot?: (props: Record<string, any>) => any;
  })>, never> & Record<string, never>;
  List: {
    ({
      children,
      className,
      ...props
    }: TabsListProps): React.JSX.Element;
    displayName: string;
  };
  ListItem: (<TComponent = "a">(props: PolymorphicComponentProps<TComponent, TabsListItemProps>) => React.ReactElement) & Omit<React.FunctionComponent<({
    selected?: boolean;
  } & {
    className?: string;
  } & {
    children?: React.ReactNode | undefined;
  } & AsElementProps<any> & Omit<Omit<any, "ref">, "className" | "children" | "as" | "selected"> & {
    ref?: any;
    renderRoot?: (props: any) => any;
  }) | ({
    selected?: boolean;
  } & {
    className?: string;
  } & {
    children?: React.ReactNode | undefined;
  } & {
    as: keyof React.JSX.IntrinsicElements | React.JSXElementConstructor<any>;
    renderRoot?: (props: Record<string, any>) => any;
  })>, never> & Record<string, never>;
  Panel: {
    ({
      children,
      className,
      id,
      hidden,
      ...props
    }: TabsPanelProps): React.JSX.Element;
    displayName: string;
  };
};
//#endregion
export { Tabs, TabsList, TabsListItem, TabsListItemProps, TabsListProps, TabsPanel, TabsPanelProps, TabsTitle, TabsTitleProps };