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

export function SettingsComingSoon({
  title,
  description,
}: {
  title: string
  description: string
}) {
  return (
    <Card className="mail-settings-card border-dashed border-mail-border bg-mail-surface py-4 shadow-sm dark:bg-mail-surface-elevated dark:shadow-[0_1px_4px_rgba(0,0,0,0.35)]">
      <CardHeader className="px-4 pb-2">
        <CardTitle className="text-sm font-medium">{title}</CardTitle>
      </CardHeader>
      <CardContent className="px-4 pt-0 text-sm text-muted-foreground">
        {description}
      </CardContent>
    </Card>
  )
}