aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/atoms/icons/plus-minus.tsx
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2023-09-28 18:03:43 +0200
committerArmand Philippot <git@armandphilippot.com>2023-10-24 12:25:00 +0200
commit837e0e904c40f7b87561c34ca3f49edd5d8d1c52 (patch)
tree37835dd2c84ed770b5719152aab0b74d93c0878c /src/components/atoms/icons/plus-minus.tsx
parentd17d894f398650209c0ddd29502308de8c07bd93 (diff)
feat(components): replace icons with a generic Icon component
Sizes are also predefined and can be set using the `size` prop, so the consumers should no longer adjust the size in CSS.
Diffstat (limited to 'src/components/atoms/icons/plus-minus.tsx')
-rw-r--r--src/components/atoms/icons/plus-minus.tsx29
1 files changed, 0 insertions, 29 deletions
diff --git a/src/components/atoms/icons/plus-minus.tsx b/src/components/atoms/icons/plus-minus.tsx
deleted file mode 100644
index e2eb55e..0000000
--- a/src/components/atoms/icons/plus-minus.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { FC } from 'react';
-import styles from './plus-minus.module.scss';
-
-export type PlusMinusProps = {
- /**
- * Set additional classnames to the icon.
- */
- className?: string;
- /**
- * Which state should be displayed.
- */
- state: 'plus' | 'minus';
-};
-
-/**
- * PlusMinus component
- *
- * Render a plus or a minus icon.
- */
-export const PlusMinus: FC<PlusMinusProps> = ({ className = '', state }) => {
- const stateClass = `icon--${state}`;
-
- return (
- <div
- aria-hidden={true}
- className={`${styles.icon} ${styles[stateClass]} ${className}`}
- />
- );
-};