import { cn } from '#/lib/utils.js';

/** A large surface card: rounded, bordered, on the raised card fill. */
export function Panel({ className, ...props }) {
  return (
    <div
      className={cn(
        'rounded-3xl border border-border bg-card p-5 sm:p-6 md:p-7',
        className,
      )}
      {...props}
    />
  );
}