{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "card-action-example",
  "title": "Card Action",
  "description": "card-action-example",
  "dependencies": [
    "@heroicons/react"
  ],
  "registryDependencies": [
    "https://intentui.com/r/button",
    "https://intentui.com/r/card",
    "https://intentui.com/r/menu"
  ],
  "files": [
    {
      "path": "src/components/examples/surfaces/card/card-action-example.tsx",
      "content": "'use client'\n\nimport { ChevronDownIcon } from '@heroicons/react/20/solid'\nimport { Button } from '@/components/ui/button'\nimport { Card, CardAction, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'\nimport { Menu, MenuContent, MenuItem } from '@/components/ui/menu'\n\nexport default function CardActionDemo() {\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle>Customers</CardTitle>\n        <CardDescription>\n          Manage and view customer details with available actions aligned to the right.\n        </CardDescription>\n        <CardAction>\n          <Menu>\n            <Button size=\"sm\" intent=\"outline\">\n              Export... <ChevronDownIcon />\n            </Button>\n            <MenuContent placement=\"bottom end\">\n              <MenuItem>Export to PDF</MenuItem>\n              <MenuItem>Export to CSV</MenuItem>\n            </MenuContent>\n          </Menu>\n        </CardAction>\n      </CardHeader>\n    </Card>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/card-action-example/page.tsx"
    }
  ],
  "type": "registry:page"
}