"use client";

import type { HTMLAttributes } from "react";
import { cn } from "@/lib/utils";

export function FloatingPanel({ className, ...props }: HTMLAttributes<HTMLDivElement>) {
  return (
    <div
      className={cn(
        "pointer-events-auto rounded-md border border-[#2d3339] bg-[#15181b]/95 p-3 text-[#f2f4f4] shadow-lg shadow-black/25 backdrop-blur",
        className,
      )}
      {...props}
    />
  );
}