aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/molecules/forms/flipping-label.tsx
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2023-09-22 19:34:01 +0200
committerArmand Philippot <git@armandphilippot.com>2023-10-24 12:23:48 +0200
commita6ff5eee45215effb3344cb5d631a27a7c0369aa (patch)
tree5051747acf72318b4fc5c18d603e3757fbefdfdb /src/components/molecules/forms/flipping-label.tsx
parent651ea4fc992e77d2f36b3c68f8e7a70644246067 (diff)
refactor(components): rewrite form components
Diffstat (limited to 'src/components/molecules/forms/flipping-label.tsx')
-rw-r--r--src/components/molecules/forms/flipping-label.tsx37
1 files changed, 0 insertions, 37 deletions
diff --git a/src/components/molecules/forms/flipping-label.tsx b/src/components/molecules/forms/flipping-label.tsx
deleted file mode 100644
index c85642b..0000000
--- a/src/components/molecules/forms/flipping-label.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { FC } from 'react';
-import { Close, Label, type LabelProps } from '../../atoms';
-import styles from './flipping-label.module.scss';
-
-export type FlippingLabelProps = Pick<
- LabelProps,
- 'aria-label' | 'className' | 'htmlFor'
-> & {
- /**
- * The front icon.
- */
- children: JSX.Element;
- /**
- * Which side of the label should be displayed? True for the close icon.
- */
- isActive: boolean;
-};
-
-export const FlippingLabel: FC<FlippingLabelProps> = ({
- children,
- className = '',
- isActive,
- ...props
-}) => {
- const wrapperModifier = isActive ? 'wrapper--active' : 'wrapper--inactive';
-
- return (
- <Label {...props} className={`${styles.label} ${className}`}>
- <span className={`${styles.wrapper} ${styles[wrapperModifier]}`}>
- <span className={styles.front}>{children}</span>
- <span className={styles.back}>
- <Close aria-hidden={true} />
- </span>
- </span>
- </Label>
- );
-};