snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

apps/v4/registry/bases/aria/blocks/preview/cards/book-appointment.tsx

@@ -0,0 +1,56 @@
+"use client"
+
+import {
+  Alert,
+  AlertDescription,
+  AlertTitle,
+} from "@/registry/bases/aria/ui/alert"
+import { Button } from "@/registry/bases/aria/ui/button"
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/registry/bases/aria/ui/card"
+import { Field, FieldGroup, FieldLabel } from "@/registry/bases/aria/ui/field"
+import {
+  ToggleGroup,
+  ToggleGroupItem,
+} from "@/registry/bases/aria/ui/toggle-group"
+import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder"
+
+export function BookAppointment() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Book Appointment</CardTitle>
+        <CardDescription>Dr. Sarah Chen · Cardiology</CardDescription>
+      </CardHeader>
+      <CardContent className="flex flex-col gap-4">
+        <FieldGroup>
+          <Field>
+            <FieldLabel>Available on March 18, 2026</FieldLabel>
+            <ToggleGroup spacing={2} defaultSelectedKeys={["slot-0"]}>
+              {["9:00 AM", "10:30 AM", "11:00 AM", "1:30 PM"].map(
+                (time, index) => (
+                  <ToggleGroupItem key={time} id={`slot-${index}`}>
+                    {time}
+                  </ToggleGroupItem>
+                )
+              )}
+            </ToggleGroup>
+          </Field>
+        </FieldGroup>
+        <Alert>
+          <AlertTitle>New patient?</AlertTitle>
+          <AlertDescription>Please arrive 15 minutes early.</AlertDescription>
+        </Alert>
+      </CardContent>
+      <CardFooter>
+        <Button className="w-full">Book Appointment</Button>
+      </CardFooter>
+    </Card>
+  )
+}