import { Slot } from "@radix-ui/react-slot"
import { ComponentPropsWithoutRef, ElementType } from "react"

type SlotProps<T extends ElementType> = ComponentPropsWithoutRef<T> & {
  /**
   * When asChild is set to true, the component will render the same element as its direct child,
   * passing all of its props as well. This needs to be used responsibly as it's possible for types
   * to get messed up when passing incompatible handlers with specific children.
   */
  asChild?: boolean
}

/**
 * The Slot is a helper component that replaces the "as" prop for Polymorphic components.
 * https://www.radix-ui.com/primitives/docs/guides/composition
 */
export { Slot }
export type { SlotProps }