Add rotation

observation · Jun 21, 2024 · 11560e1 · 11560e1
1 parent 4d2a7f8
commit 11560e1
Showing 1 changed file with 5 additions and 2 deletions.
diff --git 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 }} />
+  )
 }