summaryrefslogtreecommitdiffstats
path: root/src/components/atoms/icons/plus-minus.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/atoms/icons/plus-minus.tsx')
-rw-r--r--src/components/atoms/icons/plus-minus.tsx24
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>
);
};