diff options
Diffstat (limited to 'src/components/atoms/icons/plus-minus.tsx')
| -rw-r--r-- | src/components/atoms/icons/plus-minus.tsx | 24 |
1 files changed, 5 insertions, 19 deletions
diff --git a/src/components/atoms/icons/plus-minus.tsx b/src/components/atoms/icons/plus-minus.tsx index 1a6f7b0..78aa14a 100644 --- a/src/components/atoms/icons/plus-minus.tsx +++ b/src/components/atoms/icons/plus-minus.tsx @@ -3,17 +3,9 @@ import styles from './plus-minus.module.scss'; type PlusMinusProps = { /** - * Adds additional classes. + * Set additional classnames to the icon. */ - additionalClasses?: string; - /** - * An accessible name. - */ - ariaLabel?: string; - /** - * Should be hidden for accessibility. Default: true. - */ - ariaHidden?: boolean; + className?: string; /** * Which state should be displayed. */ @@ -25,19 +17,13 @@ type PlusMinusProps = { * * Render a plus or a minus icon. */ -const PlusMinus: FC<PlusMinusProps> = ({ - additionalClasses, - ariaHidden = true, - ariaLabel, - state, -}) => { +const PlusMinus: FC<PlusMinusProps> = ({ className, state }) => { const stateClass = `icon--${state}`; return ( <div - className={`${styles.icon} ${styles[stateClass]} ${additionalClasses}`} - aria-label={ariaLabel} - aria-hidden={ariaHidden} + className={`${styles.icon} ${styles[stateClass]} ${className}`} + aria-hidden={true} ></div> ); }; |
