aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/atoms/icons/envelop.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/atoms/icons/envelop.tsx')
-rw-r--r--src/components/atoms/icons/envelop.tsx21
1 files changed, 5 insertions, 16 deletions
diff --git a/src/components/atoms/icons/envelop.tsx b/src/components/atoms/icons/envelop.tsx
index 99a003b..968c51f 100644
--- a/src/components/atoms/icons/envelop.tsx
+++ b/src/components/atoms/icons/envelop.tsx
@@ -1,29 +1,20 @@
-import { FC } from 'react';
+import { FC, SVGAttributes } from 'react';
import styles from './envelop.module.scss';
-export type EnvelopProps = {
- /**
- * Should the svg be hidden from assistive technologies?
- */
- 'aria-hidden'?: boolean;
- /**
- * Set additional classnames to the icon.
- */
- className?: string;
-};
+export type EnvelopProps = SVGAttributes<SVGElement>;
/**
* Envelop Component
*
* Render an envelop svg icon.
*/
-const Envelop: FC<EnvelopProps> = ({ className = '', ...props }) => {
+export const Envelop: FC<EnvelopProps> = ({ 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.background}
@@ -68,5 +59,3 @@ const Envelop: FC<EnvelopProps> = ({ className = '', ...props }) => {
</svg>
);
};
-
-export default Envelop;