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

//#region src/components/content-presentation/panel/Panel.d.ts
type PanelProps = {
  variant?: 'interruption';
} & ElementProps<'div'>;
declare const Panel: Component<{
  props: PanelProps;
  ref: HTMLDivElement;
  staticComponents: {
    Title: typeof PanelTitle;
    Body: typeof PanelBody;
  };
}>;
type PanelTitleProps = {
  size?: 'm' | 'l' | 'xl';
} & BaseProps & AsElementProps<HeadingLevel>;
declare const PanelTitle: (<TComponent = "h1">(props: PolymorphicComponentProps<TComponent, PanelTitleProps>) => React.ReactElement) & Omit<React.FunctionComponent<({
  size?: "m" | "l" | "xl";
} & {
  className?: string;
} & {
  children?: React.ReactNode | undefined;
} & AsElementProps<"h1" | "h2" | "h3" | "h4" | "h5" | "h6"> & AsElementProps<any> & Omit<Omit<any, "ref">, "className" | "children" | "as" | "size"> & {
  ref?: any;
  renderRoot?: (props: any) => any;
}) | ({
  size?: "m" | "l" | "xl";
} & {
  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 PanelBodyProps = ElementProps<'div'>;
declare const PanelBody: {
  ({
    className,
    ...props
  }: PanelBodyProps): React.JSX.Element;
  displayName: string;
};
//#endregion
export { Panel, PanelBody, PanelBodyProps, PanelProps, PanelTitle, PanelTitleProps };