aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/atoms/icons/close.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/atoms/icons/close.tsx')
-rw-r--r--src/components/atoms/icons/close.tsx21
1 files changed, 5 insertions, 16 deletions
diff --git a/src/components/atoms/icons/close.tsx b/src/components/atoms/icons/close.tsx
index 14239a1..5db8620 100644
--- a/src/components/atoms/icons/close.tsx
+++ b/src/components/atoms/icons/close.tsx
@@ -1,29 +1,20 @@
-import { FC } from 'react';
+import { FC, SVGAttributes } from 'react';
import styles from './close.module.scss';
-export type CloseProps = {
- /**
- * Should the svg be hidden from assistive technologies?
- */
- 'aria-hidden'?: boolean;
- /**
- * Set additional classnames to the icon.
- */
- className?: string;
-};
+export type CloseProps = SVGAttributes<SVGElement>;
/**
* Close component
*
* Render a close svg icon.
*/
-const Close: FC<CloseProps> = ({ className = '', ...props }) => {
+export const Close: FC<CloseProps> = ({ className = '', ...props }) => {
return (
<svg
+ {...props}
+ className={`${styles.icon} ${className}`}
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
- className={`${styles.icon} ${className}`}
- {...props}
>
<path
className={styles.line}
@@ -36,5 +27,3 @@ const Close: FC<CloseProps> = ({ className = '', ...props }) => {
</svg>
);
};
-
-export default Close;