{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "testimonials-01",
  "title": "Testimonials 01",
  "description": "A single testimonial with quote, avatar, author name and role.",
  "dependencies": [],
  "registryDependencies": [
    "avatar"
  ],
  "files": [
    {
      "path": "registry/blocks/testimonials/testimonials-01/testimonials-01.tsx",
      "content": "import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'\n\nexport interface Testimonials01Props {\n  quote: string\n  author: {\n    name: string\n    role: string\n    avatar: {\n      src?: string\n      alt?: string\n      fallback: string\n    }\n  }\n}\n\nexport function Testimonials01({\n  quote,\n  author,\n}: Readonly<Testimonials01Props>) {\n  return (\n    <div className=\"mx-auto flex max-w-3xl flex-col gap-7 rounded-3xl text-center\">\n      <p className=\"text-xl leading-tight font-medium tracking-tight md:text-[2rem]\">\n        \"{quote}\"\n      </p>\n\n      <div className=\"flex items-center justify-center gap-4\">\n        <Avatar size=\"default\" className=\"md:data-[size=default]:size-10\">\n          <AvatarImage\n            src={author.avatar.src}\n            alt={author.avatar.alt ?? author.name}\n          />\n          <AvatarFallback>{author.avatar.fallback}</AvatarFallback>\n        </Avatar>\n\n        <div className=\"flex flex-col items-start text-left\">\n          <p className=\"text-sm font-semibold md:text-base\">{author.name}</p>\n          <p className=\"text-muted-foreground text-xs md:text-sm\">\n            {author.role}\n          </p>\n        </div>\n      </div>\n    </div>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/flx/blocks/testimonials/testimonials-01/testimonials-01.tsx"
    },
    {
      "path": "registry/blocks/testimonials/testimonials-01/testimonials-01-example.tsx",
      "content": "import {\n  Testimonials01,\n  type Testimonials01Props,\n} from './testimonials-01'\n\nexport const values = {\n  quote:\n    'Switching to these blocks gave our team a cleaner system and helped us launch polished pages in a fraction of the time.',\n  author: {\n    name: 'Sophie Carter',\n    role: 'Product Design Lead at Northstar',\n    avatar: {\n      src: 'https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=200&q=80',\n      alt: 'alt image',\n      fallback: 'SC',\n    },\n  },\n} satisfies Testimonials01Props\n\nexport function Testimonials01Example() {\n  return <Testimonials01 quote={values.quote} author={values.author} />\n}\n",
      "type": "registry:component",
      "target": "components/flx/blocks/testimonials/testimonials-01/testimonials-01-example.tsx"
    }
  ],
  "type": "registry:block"
}