'use client';

import { Card } from '@/ui/Card';
import { SectionHeader } from '@/ui/SectionHeader';
import React from 'react';

interface AuthCardProps {
  children: React.ReactNode;
  title: string;
  description?: string;
}

/**
 * AuthCard
 * 
 * A matte surface container for auth forms with a subtle accent glow.
 */
export function AuthCard({ children, title, description }: AuthCardProps) {
  return (
    <Card variant="dark">
      <SectionHeader
        title={title}
        description={description}
        variant="minimal"
      />
      {children}
    </Card>
  );
}