var Component=(()=>{var d=Object.create;var s=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var v=(n,e)=>()=>(e||n((e={exports:{}}).exports,e),e.exports),g=(n,e)=>{for(var l in e)s(n,l,{get:e[l],enumerable:!0})},t=(n,e,l,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of h(e))!y.call(n,r)&&r!==l&&s(n,r,{get:()=>e[r],enumerable:!(c=p(e,r))||c.enumerable});return n};var A=(n,e,l)=>(l=n!=null?d(m(n)):{},t(e||!n||!n.__esModule?s(l,"default",{value:n,enumerable:!0}):l,n)),u=n=>t(s({},"__esModule",{value:!0}),n);var F=v((w,o)=>{o.exports=_jsx_runtime});var x={};g(x,{default:()=>N,frontmatter:()=>f});var a=A(F()),f={title:"Avatar",description:"An image element with a fallback for representing the user.",component:!0,links:{doc:"https://www.radix-ui.com/docs/primitives/components/avatar"}};function i(n){let e=Object.assign({div:"div",pre:"pre",code:"code",span:"span",h2:"h2",a:"a"},n.components),{ComponentPreview:l}=e;return l||_("ComponentPreview",!0),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l,{name:"avatar-demo",description:"An avatar with a fallback.",children:(0,a.jsx)(e.div,{"data-rehype-pretty-code-fragment":"",children:(0,a.jsx)(e.pre,{"data-language":"tsx","data-theme":"default",__rawString__:`import { Avatar, AvatarFallback, AvatarImage, } from "@/components/ui/avatar" export function AvatarDemo() { return ( AJ ) } `,__src__:"registry/default/example/avatar-demo.tsx",children:(0,a.jsxs)(e.code,{"data-language":"tsx","data-theme":"default",children:[(0,a.jsxs)(e.span,{className:"line",children:[(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:"import"}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:" {"})]}),` `,(0,a.jsxs)(e.span,{className:"line",children:[(0,a.jsx)(e.span,{style:{color:"#FFF"},children:" Avatar"}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,a.jsxs)(e.span,{className:"line",children:[(0,a.jsx)(e.span,{style:{color:"#FFF"},children:" AvatarFallback"}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,a.jsxs)(e.span,{className:"line",children:[(0,a.jsx)(e.span,{style:{color:"#FFF"},children:" AvatarImage"}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,a.jsxs)(e.span,{className:"line",children:[(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:"}"}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:" from"}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:' "@/components/ui/avatar"'})]}),` `,(0,a.jsx)(e.span,{className:"line",children:" "}),` `,(0,a.jsxs)(e.span,{className:"line",children:[(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:"export"}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:" function"}),(0,a.jsx)(e.span,{style:{color:"#FFF",fontWeight:"bold"},children:" AvatarDemo"}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:"()"}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:" {"})]}),` `,(0,a.jsxs)(e.span,{className:"line",children:[(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:" return"}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:" ("})]}),` `,(0,a.jsxs)(e.span,{className:"line",children:[(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:" <"}),(0,a.jsx)(e.span,{style:{color:"#FFF"},children:"Avatar"}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,a.jsxs)(e.span,{className:"line",children:[(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:" <"}),(0,a.jsx)(e.span,{style:{color:"#FFF"},children:"AvatarImage"})]}),` `,(0,a.jsxs)(e.span,{className:"line",children:[(0,a.jsx)(e.span,{style:{color:"#FFF"},children:" src"}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:"="}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:'"https://images.unsplash.com/photo-1492633423870-43d1cd2775eb?&w=80&h=80&dpr=2&q=80"'})]}),` `,(0,a.jsxs)(e.span,{className:"line",children:[(0,a.jsx)(e.span,{style:{color:"#FFF"},children:" alt"}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:"="}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:'"Alice Johnson"'})]}),` `,(0,a.jsx)(e.span,{className:"line",children:(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:" />"})}),` `,(0,a.jsxs)(e.span,{className:"line",children:[(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:" <"}),(0,a.jsx)(e.span,{style:{color:"#FFF"},children:"AvatarFallback delayMs"}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:"={600}>"}),(0,a.jsx)(e.span,{style:{color:"#FFF"},children:"AJ"}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:""})]}),` `,(0,a.jsxs)(e.span,{className:"line",children:[(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,a.jsx)(e.span,{className:"line",children:(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:" )"})}),` `,(0,a.jsx)(e.span,{className:"line",children:(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:"}"})})]})})})}),` `,(0,a.jsxs)(e.h2,{id:"usage",children:[(0,a.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#usage",children:(0,a.jsx)(e.span,{className:"icon icon-link"})}),"Usage"]}),` `,(0,a.jsx)(e.div,{"data-rehype-pretty-code-fragment":"",children:(0,a.jsx)(e.pre,{"data-language":"tsx","data-theme":"default",__rawString__:`import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" `,children:(0,a.jsx)(e.code,{"data-language":"tsx","data-theme":"default",children:(0,a.jsxs)(e.span,{className:"line",children:[(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:"import"}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:" {"}),(0,a.jsx)(e.span,{style:{color:"#FFF"},children:" Avatar"}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:","}),(0,a.jsx)(e.span,{style:{color:"#FFF"},children:" AvatarFallback"}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:","}),(0,a.jsx)(e.span,{style:{color:"#FFF"},children:" AvatarImage "}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:"}"}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:" from"}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:' "@/components/ui/avatar"'})]})})})}),` `,(0,a.jsx)(e.div,{"data-rehype-pretty-code-fragment":"",children:(0,a.jsx)(e.pre,{"data-language":"tsx","data-theme":"default",__rawString__:` AJ `,children:(0,a.jsxs)(e.code,{"data-language":"tsx","data-theme":"default",children:[(0,a.jsxs)(e.span,{className:"line",children:[(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:"<"}),(0,a.jsx)(e.span,{style:{color:"#FFF"},children:"Avatar"}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,a.jsxs)(e.span,{className:"line",children:[(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:" <"}),(0,a.jsx)(e.span,{style:{color:"#FFF"},children:"AvatarImage src"}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:"="}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:'"https://images.unsplash.com/photo-1492633423870-43d1cd2775eb?&w=80&h=80&dpr=2&q=80"'}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:" />"})]}),` `,(0,a.jsxs)(e.span,{className:"line",children:[(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:" <"}),(0,a.jsx)(e.span,{style:{color:"#FFF"},children:"AvatarFallback"}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:">"}),(0,a.jsx)(e.span,{style:{color:"#FFF"},children:"AJ"}),(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:""})]}),` `,(0,a.jsxs)(e.span,{className:"line",children:[(0,a.jsx)(e.span,{style:{color:"#FFF8"},children:""})]})]})})})]})}function b(n={}){let{wrapper:e}=n.components||{};return e?(0,a.jsx)(e,Object.assign({},n,{children:(0,a.jsx)(i,n)})):i(n)}var N=b;function _(n,e){throw new Error("Expected "+(e?"component":"object")+" `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}return u(x);})(); ;return Component;