From 11560e1d71b24a9610e0320d3e61b29ac1dfb7a9 Mon Sep 17 00:00:00 2001
From: Jonathan Neuteboom <--global>
Date: Fri, 21 Jun 2024 17:28:45 +0200
Subject: [PATCH] Add rotation

---
 src/components/Icon.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/Icon.tsx b/src/components/Icon.tsx
index fe860a9..f1e04b6 100644
--- a/src/components/Icon.tsx
+++ b/src/components/Icon.tsx
@@ -12,17 +12,20 @@ export type IconAppearanceProps = {
   color?: string
   size?: number
   testID?: string
+  rotation?: number
 }
 
 export type IconProps = IconAppearanceProps & {
   name: IconName
 }
 
-export const Icon = ({ name, color, size, testID, style }: IconProps): JSX.Element => {
+export const Icon = ({ name, color, size, testID, style, rotation }: IconProps): JSX.Element => {
   const iconStyle = style ?? 'light'
   const icon = iconStyle === 'light' ? Icons[name].light : Icons[name].solid
   const iconColor = color ?? theme.color.primary
   const iconSize = size ?? theme.icon.size.large
 
-  return <FontAwesomeIcon icon={icon} color={iconColor} size={iconSize} testID={testID} />
+  return (
+    <FontAwesomeIcon icon={icon} color={iconColor} size={iconSize} testID={testID} transform={{ rotate: rotation }} />
+  )
 }