import type { HTMLAttributes } from "react";

export function Panel({ as: Tag = "div", padding = "md", className, ...rest }: { as?: "div" | "section"; padding?: "none" | "md" | "lg" } & HTMLAttributes<HTMLElement>) {
  return <Tag {...rest} className={["ui-panel", `ui-panel--${padding}`, className].filter(Boolean).join(" ")} />;
}