import { clsx } from "clsx";
import { ComponentPropsWithoutRef } from "react";

export function Panel({ className, ...props }: ComponentPropsWithoutRef<"div">) {
  return (
    <div
      className={clsx(
        "rounded-[var(--radius-xl)] border border-[var(--color-border)] bg-[var(--color-panel)]/90 shadow-[var(--shadow-lg)] backdrop-blur-xl",
        className
      )}
      {...props}
    />
  );
}
