import type { PropsWithChildren } from 'react';

import { clsx } from 'clsx';

type CardProps = PropsWithChildren<{
  className?: string;
}>;

export function Card({
  className,
  children,
}: CardProps) {
  return (
    <section
      className={clsx(
        'rounded-2xl border border-white/10 bg-ink-850/80 p-5 shadow-glow backdrop-blur',
        className,
      )}
    >
      {children}
    </section>
  );
}