Cardheaders3

1import { Button } from "@/ui/button";
2 
3export default function HeadingWithButton() {
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        <h3 className="text-base font-semibold">Settings</h3>
8        <Button size="sm">View all</Button>
9      </div>
10      <div className="p-4">
11        <div className="h-40 border-4 border-dotted bg-muted" />
12      </div>
13    </div>
14  );
15}