import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"

interface Props {
  name: string
  email: string
}

export function CustomerCard({ name, email }: Props) {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Customer</CardTitle>
      </CardHeader>
      <CardContent className="flex flex-col gap-1">
        <p className="text-sm font-medium">{name}</p>
        <a
          href={`mailto:${email}`}
          className="text-sm text-muted-foreground hover:underline"
        >
          {email}
        </a>
      </CardContent>
    </Card>
  )
}
