import { default as React } from 'react'; import { AccordionItemProps as CoreAccordionItemProps, AccordionProps as CoreAccordionProps } from '../../.deps/ui/core-web/src'; import { OmitPrivate } from '../../types'; export interface InheritedCoreAccordionProps extends OmitPrivate> { } export interface AccordionOwnProps { children: React.ReactNode; /** * Add background to the accordion. * @default false */ withBackground?: boolean; /** * Add a divider between accordion items. * @default 'off' */ divider?: 'off' | 'top' | 'bottom' | 'topBottom'; /** * Renders the accordion with compact spacing and a smaller title. * @default false */ dense?: boolean; } export interface AccordionProps extends AccordionOwnProps, InheritedCoreAccordionProps { } export interface InheritedCoreAccordionItemProps extends OmitPrivate> { } export interface AccordionItemOwnProps { /** * Title of the accordion item. */ title: string; /** * Content of the accordion item. */ children: React.ReactNode; } export interface AccordionItemProps extends AccordionItemOwnProps, InheritedCoreAccordionItemProps { } declare function AccordionItem({ title, children, ...restProps }: AccordionItemProps): React.JSX.Element; export declare const Accordion: (({ withBackground, divider, dense, children, ...restProps }: AccordionProps) => React.JSX.Element) & { Item: typeof AccordionItem & { displayName: string; }; }; export {};