diff --git a/src/components/Button/index.stories.tsx b/src/components/Button/index.stories.tsx
index 15f25e55..ee7fcbf7 100644
--- a/src/components/Button/index.stories.tsx
+++ b/src/components/Button/index.stories.tsx
@@ -84,3 +84,10 @@ export const CustomIcon = () => (
/>
);
+
+export const RotateIcon = () => (
+
+
+
+
+);
diff --git a/src/components/Button/index.tsx b/src/components/Button/index.tsx
index ee13fae6..a245d2d1 100644
--- a/src/components/Button/index.tsx
+++ b/src/components/Button/index.tsx
@@ -23,8 +23,10 @@ const getIcons = (dataCy: string, iconConfig?: IButtonIcon): IMUIButtonIcon => {
return muiIcon;
}
- const { component, name, position } = iconConfig;
- const icon = ;
+ const { component, name, position, rotate } = iconConfig;
+ const icon = (
+
+ );
switch (position) {
case ButtonIconPosition.left:
diff --git a/src/types/Button.ts b/src/types/Button.ts
index a3f35e7a..2e61e070 100644
--- a/src/types/Button.ts
+++ b/src/types/Button.ts
@@ -1,7 +1,7 @@
import { ReactElement } from "react";
import { IClickable, ILocalizable } from "./Base";
-import { Icons } from "./Icon";
+import { Icons, IIcon } from "./Icon";
export enum ButtonIconPosition {
left = "left",
@@ -17,12 +17,11 @@ export interface IBaseButton extends IClickable {
label: string;
}
-// TODO: add rotate reusing IIcon props
-export interface IButtonIcon {
+export type IButtonIcon = Pick & {
component?: ReactElement;
name?: Icons;
position?: ButtonIconPosition;
-}
+};
export interface IButton extends IBaseButton, ILocalizable {
disabled?: boolean;