import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
import { ReactElement } from 'react';
import { Props } from '../@types/Props.js';
import { ThemeAccordion } from './theme.js';

interface AccordionProps extends Props {
    /**
     * Determine whether to display the "show" and "hide" labels that toggle the
     * collapsing and expanding of the menu. When set to `true`, the label will no
     * longer appear. It may be useful to toggle this flag when there is limited space.
     *
     * _Note: the up or down chevron icon always appears._
     */
    hideToggleLabel?: boolean;
    children: ReactElement[];
    /**
     * Partial or complete theme to override the component's colour palette.
     * Sanctioned colours to change have been set out by the design system team.
     *
     *  The theme colours available to change are:
     *
     *  `textLabel`<br>
     *  `textBody`<br>
     *  `textCta`<br>
     *  `border`<br>
     *  `iconFill`
     *
     */
    theme?: Partial<ThemeAccordion>;
}
/**
 * [Storybook](https://guardian.github.io/storybooks/?path=/story/source_react-components-accordion--with-cta-labels-default-theme) •
 * [Design System](https://theguardian.design/2a1e5182b/p/38c5aa-accordion/b/92b71e) •
 * [GitHub](https://github.com/guardian/csnx/tree/main/libs/@guardian/source/src/react-components/accordion/Accordion.tsx) •
 * [NPM](https://www.npmjs.com/package/@guardian/source)
 *
 * **Note**: the `max-height` of an `AccordionRow` is `500px`
 *
 */
declare const Accordion: ({ hideToggleLabel, children, cssOverrides, theme, ...props }: AccordionProps) => _emotion_react_jsx_runtime.JSX.Element;

export { Accordion };
export type { AccordionProps };