In storybook, I see a ButtonIconGroup component (#1039)

Add ButtonIconGroup storybook components

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: RubensRafael <rubensrafael2@live.com>

front/src/modules/ui/button/components/IconButtonGroup.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+import styled from '@emotion/styled';
+
+import { IconButtonSize, IconButtonVariant } from './IconButton';
+const StyledIconButtonGroupContainer = styled.div`
+  align-items: flex-start;
+  background: ${({ theme }) => theme.background.transparent.primary};
+  border-radius: ${({ theme }) => theme.spacing(1)};
+  display: flex;
+  gap: ${({ theme }) => theme.spacing(0.5)};
+  padding: ${({ theme }) => theme.spacing(0.5)};
+`;
+
+type IconButtonGroupProps = {
+  variant: IconButtonVariant;
+  size: IconButtonSize;
+  children: React.ReactElement[];
+};
+
+export function IconButtonGroup({
+  children,
+  variant,
+  size,
+}: IconButtonGroupProps) {
+  return (
+    <StyledIconButtonGroupContainer>
+      {React.Children.map(children, (child) =>
+        React.cloneElement(child, {
+          ...(variant ? { variant } : {}),
+          ...(size ? { size } : {}),
+        }),
+      )}
+    </StyledIconButtonGroupContainer>
+  );
+}