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

interface AccordionRowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick'>, Props {
    /**
     * A line of text to summarise the information that lies within the expanded state.
     * Appears in the collapsed state, as well as prominently at the top of the expanded state.
     */
    label: string;
    /**
     * A callback function called when the component is opened or closed.
     * Receives the click event as an argument.
     */
    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
    /**
     * @ignore passed down by the parent <Accordion />
     */
    hideToggleLabel?: boolean;
    /**
     * Partial or complete theme to override the component's colour palette.
     * The sanctioned colours have been set out by the design system team.
     * The colours which can be changed 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/AccordionRow.tsx) •
 * [NPM](https://www.npmjs.com/package/@guardian/source)
 */
declare const AccordionRow: ({ label, hideToggleLabel, children, cssOverrides, onClick, theme, }: AccordionRowProps) => _emotion_react_jsx_runtime.JSX.Element;

export { AccordionRow };
export type { AccordionRowProps };