{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "profile-section",
  "type": "registry:component",
  "title": "Profile Section",
  "description": "User profile display section with avatar and details.",
  "dependencies": [
    "@vllnt/ui@^0.2.1"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/default/profile-section/profile-section.tsx",
      "content": "import Image from \"next/image\";\nimport Link from \"next/link\";\n\nimport { Button } from \"@vllnt/ui\";\n\ntype ProfileDict = {\n  profile: {\n    name: string;\n    tagline: string;\n  };\n};\n\ntype SocialLink = {\n  href: string;\n  label: string;\n};\n\ntype ProfileSectionProps = {\n  compact?: boolean;\n  dict: ProfileDict;\n  imageAlt?: string;\n  imageSource?: string;\n  socialLinks?: SocialLink[];\n};\n\nexport function ProfileSection({\n  compact = false,\n  dict,\n  imageAlt,\n  imageSource = \"/profile.png\",\n  socialLinks,\n}: ProfileSectionProps) {\n  const displayImageAlt = imageAlt ?? `${dict.profile.name} Profile`;\n  const showImage = !compact && Boolean(imageSource);\n  const showSocialLinks =\n    !compact && Boolean(socialLinks && socialLinks.length > 0);\n\n  return (\n    <div className=\"text-center space-y-4\">\n      {showImage ? (\n        <div className=\"relative size-24 mx-auto overflow-hidden rounded-md\">\n          <Image\n            alt={displayImageAlt}\n            className=\"w-full h-full object-cover rounded-md\"\n            height={96}\n            priority={true}\n            src={imageSource}\n            width={96}\n          />\n        </div>\n      ) : null}\n\n      <div className=\"space-y-2\">\n        <h3 className={`font-semibold ${compact ? \"text-lg\" : \"text-xl\"}`}>\n          {dict.profile.name}\n        </h3>\n        <p className=\"text-sm text-muted-foreground\">\n          {compact ? dict.profile.tagline : `> ${dict.profile.tagline}`}\n        </p>\n      </div>\n\n      {showSocialLinks ? (\n        <div className=\"flex flex-wrap justify-center items-center gap-2\">\n          {socialLinks?.map((link) => (\n            <Link\n              href={link.href}\n              key={link.href}\n              rel=\"noopener noreferrer\"\n              target=\"_blank\"\n            >\n              <Button className=\"w-32\" size=\"sm\" variant=\"outline\">\n                {link.label}\n              </Button>\n            </Link>\n          ))}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "version": "0.2.1",
  "stability": "stable"
}
