import { createElement, type ComponentPropsWithoutRef } from "react"

import { cn } from "@/lib/utils"

type GlassPanelProps = ComponentPropsWithoutRef<"div"> & {
  as?: "div" | "section" | "aside"
}

export function GlassPanel({
  as = "div",
  className,
  ...props
}: GlassPanelProps) {
  return createElement(as, {
    className: cn("glass-panel", className),
    ...props,
  })
}