Include component prop to TagV2

Author: Kubit

src/components/tagV2/stories/argtypes.ts

@@ -41,6 +41,17 @@ export const argtypes = (
         category: CATEGORY_CONTROL.CONTENT,
       },
     },
+    component: {
+      description: 'Component',
+      type: { name: 'string' },
+      control: { type: 'text' },
+      table: {
+        type: {
+          summary: 'string | React.ComponentType<any>',
+        },
+        category: CATEGORY_CONTROL.CUSTOMIZATION,
+      },
+    },
     dataTestId: {
       description: 'Test id',
       type: { name: 'string' },

src/components/tagV2/tagStandAlone.tsx

@@ -14,7 +14,13 @@ const TagStandAloneComponent = (
 ): JSX.Element => {
   const ariaProps = pickAriaProps(props);
   return (
-    <TagContainerStyled ref={ref} data-testid={dataTestId} styles={props.styles} {...ariaProps}>
+    <TagContainerStyled
+      ref={ref}
+      as={props.component}
+      data-testid={dataTestId}
+      styles={props.styles}
+      {...ariaProps}
+    >
       <ElementOrIcon customIconStyles={props.styles.icon} {...props.icon} />
       <Text
         component={TextComponentType.SPAN}

src/components/tagV2/types/tag.ts

@@ -21,6 +21,8 @@ export interface ITagStandAlone extends TagAriaAttributes {
   styles: TagPropsStylesType;
   icon?: IElementOrIcon;
   label?: TagLabelType;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  component?: string | React.ComponentType<any>;
   dataTestId?: string;
 }