PolymorphicComponentProps.ts

/* 
  TODO: Simplify this type by creating a PolymorphicComponentWithoutRef 
  first and then a PolymorphicComponentWithRef using React.ElementRef<'div'>
*/

/**
 * Props for a polymorphic React component that includes a ref.
 *
 * @template E - The expected React element type.
 * @template P - Additional props specific to the component.
 */
export type PolymorphicComponentPropsWithRef<
  E extends React.ElementType,
  P = {},
> = DistributiveOmit<
  React.ComponentPropsWithRef<React.ElementType extends E ? 'div' : E>,
  'as' & keyof P
> &
  P &
  AsProp<E>

/**
 * Props for a polymorphic React component without a ref.
 *
 * @template E - The expected React element type.
 * @template P - Additional props specific to the component.
 */
export type PolymorphicComponentPropsWithoutRef<
  E extends React.ElementType,
  P = {},
> = DistributiveOmit<PolymorphicComponentPropsWithRef<E, P>, 'ref'>