import { default as React } from 'react'; /** Currently, the only available option is 'faint-gray' as specified by UX. */ type AccordionBackgroundColors = 'faint-gray'; export type AccordionItemProps = { /** The main heading/title of the accordion item. Can be text or a React component */ title: React.ReactNode; /** Optional secondary text or component that appears below the title */ subtitle?: React.ReactNode; /** The content to be displayed when the accordion item is expanded */ children: React.ReactNode; /** Optional React elements for action buttons/elements (e.g., edit, delete buttons) */ actions?: React.ReactNode; /** Optional flag to disable the accordion item */ disabled?: boolean; /** Optionally set the state of the Accordion. If set to true the Accordion will be in Expanded state initially */ isExpanded?: boolean; /** Callout function to be called when the Accordion is expanded or collapsed. Receives a boolean indicating the state. */ callout?: (isExpanded: boolean) => void; /** Optionally pass a boolean to control the state of the radio button in left part of the Accordion Header. * If not passed, the radio button will be controlled by the expand/ collapse state. */ checked?: boolean; /** Optional background color for the Accordion, this will be applied to the header and content. */ backgroundColor?: AccordionBackgroundColors; /** Optional text to be displayed instead the caret icon */ caretText?: React.ReactNode; /** Optional prop to show the radio button in the Accordion header */ showRadioButton?: boolean; /** Optional prop to add a test id to the Accordion for QA testing */ qaTestId?: string; }; declare const Accordion: ({ title, subtitle, children, actions, disabled, isExpanded, callout, checked, backgroundColor, caretText, showRadioButton, qaTestId, }: AccordionItemProps) => React.JSX.Element; export default Accordion;