import { t as IconName } from "./types-DuxLKuFd.js";
import * as _$_emotion_styled0 from "@emotion/styled";
import * as _$react from "react";
import * as _$_emotion_react0 from "@emotion/react";
import * as _$_emotion_react_jsx_runtime0 from "@emotion/react/jsx-runtime";

//#region src/components/Collapsible.d.ts
type CollapsibleProps = {
  children: React.ReactNode;
  className?: string;
  text?: string;
  color?: string;
  open?: boolean | undefined;
  handleToggle?: (open: boolean) => void | undefined;
  openIcon?: IconName | undefined;
  closeIcon?: IconName | undefined;
  /**
   * Opens the collapsible to full screen height if true.
   */
  full?: boolean | undefined;
  /**
   * Adds padding to the content of the collapsible.
   */
  contentIndent?: boolean | undefined;
  /**
   * Replaces the default button text with the provided element.
   */
  buttonTextElement?: React.ReactNode;
};
declare function Collapsible({
  children,
  className,
  text,
  color,
  open,
  handleToggle,
  openIcon,
  closeIcon,
  full,
  buttonTextElement,
  contentIndent
}: CollapsibleProps): _$_emotion_react_jsx_runtime0.JSX.Element;
declare const StyledCollapsible: _$_emotion_styled0.StyledComponent<{
  theme?: _$_emotion_react0.Theme;
  as?: React.ElementType;
}, _$react.DetailedHTMLProps<_$react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
declare const StyledCollapsibleButton: _$_emotion_styled0.StyledComponent<{
  theme?: _$_emotion_react0.Theme;
  as?: React.ElementType;
}, _$react.DetailedHTMLProps<_$react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
declare const CollapsingContainer: _$_emotion_styled0.StyledComponent<{
  theme?: _$_emotion_react0.Theme;
  as?: React.ElementType;
} & {
  isOpen?: boolean | undefined;
  full?: boolean | undefined;
}, _$react.DetailedHTMLProps<_$react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
//#endregion
export { StyledCollapsibleButton as i, CollapsingContainer as n, StyledCollapsible as r, Collapsible as t };