Cardheaders4

1import { Button } from "@/ui/button";
2 
3export default function WithButton() {
4  return (
5    <div className="w-full divide-y overflow-hidden rounded border bg-background">
6      <div className="flex flex-wrap items-center justify-between gap-4 px-4 py-3 sm:flex-nowrap">
7        <div>
8          <h3 className="text-base font-semibold">Settings</h3>
9          <p className="text-sm text-muted-foreground">
10            Configure your account settings and preferences.
11          </p>
12        </div>
13        <Button size="sm">View all</Button>
14      </div>
15      <div className="p-4">
16        <div className="h-40 border-4 border-dotted bg-muted" />
17      </div>
18    </div>
19  );
20}