aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/atoms/forms/fieldset.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/atoms/forms/fieldset.tsx')
-rw-r--r--src/components/atoms/forms/fieldset.tsx59
1 files changed, 0 insertions, 59 deletions
diff --git a/src/components/atoms/forms/fieldset.tsx b/src/components/atoms/forms/fieldset.tsx
deleted file mode 100644
index 99d31e7..0000000
--- a/src/components/atoms/forms/fieldset.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import { FC, ReactNode } from 'react';
-import styles from './fieldset.module.scss';
-
-export type FieldsetProps = {
- /**
- * The fieldset body.
- */
- children: ReactNode | ReactNode[];
- /**
- * Set additional classnames to the fieldset wrapper.
- */
- className?: string;
- /**
- * The fieldset legend.
- */
- legend: string;
- /**
- * Set additional classnames to the legend.
- */
- legendClassName?: string;
- /**
- * The legend position. Default: stacked.
- */
- legendPosition?: 'inline' | 'stacked';
- /**
- * An accessible role. Default: group.
- */
- role?: 'group' | 'radiogroup' | 'presentation' | 'none';
-};
-
-/**
- * Fieldset component
- *
- * Render a fieldset with a legend.
- */
-const Fieldset: FC<FieldsetProps> = ({
- children,
- className = '',
- legend,
- legendClassName = '',
- legendPosition = 'stacked',
- ...props
-}) => {
- const wrapperModifier = `wrapper--${legendPosition}`;
-
- return (
- <fieldset
- className={`${styles.wrapper} ${styles[wrapperModifier]} ${className}`}
- {...props}
- >
- <legend className={`${styles.legend} ${legendClassName}`}>
- {legend}
- </legend>
- {children}
- </fieldset>
- );
-};
-
-export default Fieldset;