import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
import { LegendProps } from './@types/LegendProps.js';

/**
 * [Storybook](https://guardian.github.io/storybooks/?path=/story/source_react-components-legend--default-default-theme) •
 * [Design System](https://theguardian.design/2a1e5182b/p/40151e-label/b/86af7d) •
 * [GitHub](https://github.com/guardian/csnx/tree/main/libs/@guardian/source/src/react-components/label/Legend.tsx) •
 * [NPM](https://www.npmjs.com/package/@guardian/source)
 *
 * A legend describes a group of fields, such as a checkbox group or radio group.
 *
 * Legend is used by other Source components, such as RadioGroup. Only use Legend
 * if you are building your own form components.
 *
 * The following themes are supported: `light`, `brand`.
 * */
declare const Legend: ({ text, supporting, optional, hideLabel, cssOverrides, theme, ...props }: LegendProps) => _emotion_react_jsx_runtime.JSX.Element;

export { Legend };