Add reusable types

Signed-off-by: Winner95 <Winner95@users.noreply.github.com>

Author: Winner95

fixtures/AccessibleButton.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+
+import { TStringOrComponent, PolymorphicProps } from './Types';
+
+type AriaProps = {
+  'aria-label'?: string;
+  'aria-labelledby'?: string;
+  'aria-describedby'?: string;
+  role?: string;
+};
+
+type AccessibleButtonProps<T extends TStringOrComponent = 'button'> =
+  PolymorphicProps<
+    T,
+    {
+      /** required for accessibility */
+      label: string;
+      isToggleButton?: boolean;
+    } & AriaProps
+  >;
+
+export const AccessibleButton: React.FC<AccessibleButtonProps> = ({
+  label,
+}) => {
+  return <button>{label}</button>;
+};

fixtures/SecondaryIconButton.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+
+import { TStringOrComponent, PolymorphicProps } from './Types';
+
+type SecondaryIconButtonOwnProps = {
+  icon: React.ReactElement;
+  type?: 'button' | 'submit' | 'reset';
+  color?: 'solid' | 'neutral' | 'warning';
+};
+
+type SecondaryIconButtonProps<T extends TStringOrComponent = 'button'> =
+  PolymorphicProps<T, SecondaryIconButtonOwnProps>;
+
+export const SecondaryIconButton: React.FC<SecondaryIconButtonProps> = ({
+  color,
+}) => {
+  return <button>{color}</button>;
+};

fixtures/TooltipTarget.tsx

@@ -1,18 +1,6 @@
 import React, { JSX } from 'react';
 
-type TStringOrComponent = string | React.JSXElementConstructor<any>;
-
-type PolymorphicProps<
-  T extends TStringOrComponent,
-  Props = {}
-> = Props &
-  (T extends React.JSXElementConstructor<infer P>
-    ? P
-    : T extends keyof JSX.IntrinsicElements
-    ? JSX.IntrinsicElements[T]
-    : {}) & {
-      as?: T;
-    };
+import { TStringOrComponent, PolymorphicProps } from './Types';
 
 type TooltipTargetOwnProps = {
   isDisabled?: boolean;

fixtures/Types.ts

@@ -0,0 +1,15 @@
+import { JSX } from 'react';
+
+export type TStringOrComponent = string | React.JSXElementConstructor<any>;
+
+export type PolymorphicProps<
+  T extends TStringOrComponent,
+  Props = {}
+> = Props &
+  (T extends React.JSXElementConstructor<infer P>
+    ? P
+    : T extends keyof JSX.IntrinsicElements
+    ? JSX.IntrinsicElements[T]
+    : {}) & {
+      as?: T;
+    };