/** * Internal Fieldset component used as base for any grouped inputs. * * @description Renders a fieldset element with an optional legend and hint text, and handles * the display of validation messages for grouped inputs. */ import React from "react"; import { MarginProps } from "styled-system"; export interface FieldsetProps extends MarginProps { /** Inputs rendered within the fieldset. */ children: React.ReactNode; /** Set a name value on the fieldset. */ name?: string; /** Set an id value on the fieldset. */ id?: string; /** The content for the fieldset legend. */ legend?: string; /** Content for an additional hint text below the legend */ legendHint?: React.ReactNode; /** Text alignment of the legend */ legendAlign?: "left" | "right"; /** Error message to be displayed when validation fails */ error?: string; /** Warning message to be displayed when validation warning occurs */ warning?: string; /** If true, an asterisk will be added to the label */ isRequired?: boolean; /** Apply disabled styling to the component */ isDisabled?: boolean; /** Specifies whether the validation message should be displayed above the input */ validationMessagePositionTop?: boolean; /** Set the size of the component */ size?: "small" | "medium" | "large"; } declare const Fieldset: ({ children, name, id, legend, legendAlign, legendHint, error, warning, isRequired, isDisabled, validationMessagePositionTop, size, ...rest }: FieldsetProps) => React.JSX.Element; export default Fieldset;