chore: add aria hidden attribute to SVG icons

1 files changed, 6 insertions, 1 deletions

diff --git a/src/components/atoms/icons/close.tsx b/src/components/atoms/icons/close.tsx
index 3e0adb5..14239a1 100644
--- a/src/components/atoms/icons/close.tsx
+++ b/src/components/atoms/icons/close.tsx
@@ -3,6 +3,10 @@ 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;
@@ -13,12 +17,13 @@ export type CloseProps = {
  *
  * Render a close svg icon.
  */
-const Close: FC<CloseProps> = ({ className = '' }) => {
+const Close: FC<CloseProps> = ({ className = '', ...props }) => {
   return (
     <svg
       viewBox="0 0 100 100"
       xmlns="http://www.w3.org/2000/svg"
       className={`${styles.icon} ${className}`}
+      {...props}
     >
       <path
         className={styles.line}