Card

Usage

import { Button } from "@dawn/ui/components/button";
import {
  Card,
  CardAction,
  CardContent,
  CardDescription,
  CardHeader,
  CardTitle,
} from "@dawn/ui/components/card";

export const AppointmentCard = () => (
  <Card>
    <CardHeader>
      <CardTitle>Follow-up</CardTitle>
      <CardDescription>Thursday · 10:30</CardDescription>
      <CardAction>
        <Button size="sm" variant="outline">Open</Button>
      </CardAction>
    </CardHeader>
    <CardContent>30 minutes with Dr. Meyer</CardContent>
  </Card>
);