9a:I[903690,["/chat-static/_next/static/immutable/chunks/30lnb4k9wre0m.js","/chat-static/_next/static/immutable/chunks/3rjx58sh0g69q.js","/chat-static/_next/static/immutable/chunks/2mir3-5f6t3o5.js","/chat-static/_next/static/immutable/chunks/1t1q53932g_z8.js","/chat-static/_next/static/immutable/chunks/2ftikag4lqb8c.js","/chat-static/_next/static/immutable/chunks/3ftzit08h08g2.js","/chat-static/_next/static/immutable/chunks/12ugihi8z3aeb.js","/chat-static/_next/static/immutable/chunks/0qzyexb_zkjwf.js","/chat-static/_next/static/immutable/chunks/1nokw8-t4vcwo.js","/chat-static/_next/static/immutable/chunks/2mce1eey0jgp7.js","/chat-static/_next/static/immutable/chunks/3sctqn1914l5w.js","/chat-static/_next/static/immutable/chunks/3f22wvu9ilyi1.js","/chat-static/_next/static/immutable/chunks/1czp3b0g85f02.js","/chat-static/_next/static/immutable/chunks/228q2klxykhwx.js","/chat-static/_next/static/immutable/chunks/3s8icn-bip0tj.js","/chat-static/_next/static/immutable/chunks/3kdmq0aswvxp8.js","/chat-static/_next/static/immutable/chunks/08xf8vb78poqo.js","/chat-static/_next/static/immutable/chunks/29-21_f000qe1.js","/chat-static/_next/static/immutable/chunks/3_l4uui0hp3eb.js","/chat-static/_next/static/immutable/chunks/2w4tj5qrgmz4d.js","/chat-static/_next/static/immutable/chunks/42n54f9o31v4d.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/1xhvpb4uihhla.js","/chat-static/_next/static/immutable/chunks/225gu8164id0o.js","/chat-static/_next/static/immutable/chunks/2o-n3975q38j1.js","/chat-static/_next/static/immutable/chunks/25341_r2y14gk.js","/chat-static/_next/static/immutable/chunks/38k-aabziryr6.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/0l_1eejseha66.js","/chat-static/_next/static/immutable/chunks/0huj7k3hvxe1h.js","/chat-static/_next/static/immutable/chunks/2n3pdme24p3jh.js","/chat-static/_next/static/immutable/chunks/0mypak46se3mn.js","/chat-static/_next/static/immutable/chunks/0ie61nirtqfup.js","/chat-static/_next/static/immutable/chunks/0f4s5-a1kt5_3.js","/chat-static/_next/static/immutable/chunks/3tlz18-5zm74b.js","/chat-static/_next/static/immutable/chunks/2iifuow0qvsc-.js","/chat-static/_next/static/immutable/chunks/1m82ozg5v84up.js","/chat-static/_next/static/immutable/chunks/1h7ypp813k57d.js","/chat-static/_next/static/immutable/chunks/3f8qailuhp8mh.js","/chat-static/_next/static/immutable/chunks/3j4n20zvat2gd.js","/chat-static/_next/static/immutable/chunks/38dlhojrh5jn2.js","/chat-static/_next/static/immutable/chunks/27vhedzlts1-t.js","/chat-static/_next/static/immutable/chunks/29t5emya7qxfu.js","/chat-static/_next/static/immutable/chunks/3dejmxwb2du9j.js","/chat-static/_next/static/immutable/chunks/2y9cujgqfy_t_.js","/chat-static/_next/static/immutable/chunks/3e-zc_q-gjz53.js"],"ExplicitChatIdProvider"] 9b:I[838238,["/chat-static/_next/static/immutable/chunks/30lnb4k9wre0m.js","/chat-static/_next/static/immutable/chunks/3rjx58sh0g69q.js","/chat-static/_next/static/immutable/chunks/2mir3-5f6t3o5.js","/chat-static/_next/static/immutable/chunks/1t1q53932g_z8.js","/chat-static/_next/static/immutable/chunks/2ftikag4lqb8c.js","/chat-static/_next/static/immutable/chunks/3ftzit08h08g2.js","/chat-static/_next/static/immutable/chunks/12ugihi8z3aeb.js","/chat-static/_next/static/immutable/chunks/0qzyexb_zkjwf.js","/chat-static/_next/static/immutable/chunks/1nokw8-t4vcwo.js","/chat-static/_next/static/immutable/chunks/2mce1eey0jgp7.js","/chat-static/_next/static/immutable/chunks/3sctqn1914l5w.js","/chat-static/_next/static/immutable/chunks/3f22wvu9ilyi1.js","/chat-static/_next/static/immutable/chunks/1czp3b0g85f02.js","/chat-static/_next/static/immutable/chunks/228q2klxykhwx.js","/chat-static/_next/static/immutable/chunks/3s8icn-bip0tj.js","/chat-static/_next/static/immutable/chunks/3kdmq0aswvxp8.js","/chat-static/_next/static/immutable/chunks/08xf8vb78poqo.js","/chat-static/_next/static/immutable/chunks/29-21_f000qe1.js","/chat-static/_next/static/immutable/chunks/3_l4uui0hp3eb.js","/chat-static/_next/static/immutable/chunks/2w4tj5qrgmz4d.js","/chat-static/_next/static/immutable/chunks/42n54f9o31v4d.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/1xhvpb4uihhla.js","/chat-static/_next/static/immutable/chunks/225gu8164id0o.js","/chat-static/_next/static/immutable/chunks/2o-n3975q38j1.js","/chat-static/_next/static/immutable/chunks/25341_r2y14gk.js","/chat-static/_next/static/immutable/chunks/38k-aabziryr6.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/0l_1eejseha66.js","/chat-static/_next/static/immutable/chunks/0huj7k3hvxe1h.js","/chat-static/_next/static/immutable/chunks/2n3pdme24p3jh.js","/chat-static/_next/static/immutable/chunks/0mypak46se3mn.js","/chat-static/_next/static/immutable/chunks/0ie61nirtqfup.js","/chat-static/_next/static/immutable/chunks/0f4s5-a1kt5_3.js","/chat-static/_next/static/immutable/chunks/3tlz18-5zm74b.js","/chat-static/_next/static/immutable/chunks/2iifuow0qvsc-.js","/chat-static/_next/static/immutable/chunks/1m82ozg5v84up.js","/chat-static/_next/static/immutable/chunks/1h7ypp813k57d.js","/chat-static/_next/static/immutable/chunks/3f8qailuhp8mh.js","/chat-static/_next/static/immutable/chunks/3j4n20zvat2gd.js","/chat-static/_next/static/immutable/chunks/38dlhojrh5jn2.js","/chat-static/_next/static/immutable/chunks/27vhedzlts1-t.js","/chat-static/_next/static/immutable/chunks/29t5emya7qxfu.js","/chat-static/_next/static/immutable/chunks/3dejmxwb2du9j.js","/chat-static/_next/static/immutable/chunks/2y9cujgqfy_t_.js","/chat-static/_next/static/immutable/chunks/3e-zc_q-gjz53.js"],"SWRDataProvider"] 9c:Tf4a,[V0_FILE]typescriptreact:file="components/kokonutui/profile-01.tsx" import { LogOut, MoveUpRight, Settings, CreditCard, FileText } from "lucide-react" import Image from "next/image" import Link from "next/link" interface MenuItem { label: string value?: string href: string icon?: React.ReactNode external?: boolean } interface Profile01Props { name: string role: string avatar: string subscription?: string } const defaultProfile = { name: "John Doe", role: "Prompt Engineer", avatar: "https://ferf1mheo22r9ira.public.blob.vercel-storage.com/avatar-02-albo9B0tWOSLXCVZh9rX9KFxXIVWMr.png", subscription: "Free Trial", } satisfies Required export default function Profile01({ name = defaultProfile.name, role = defaultProfile.role, avatar = defaultProfile.avatar, subscription = defaultProfile.subscription, }: Partial = defaultProfile) { const menuItems: MenuItem[] = [ { label: "Subscription", value: subscription, href: "#", icon: , external: false, }, { label: "Settings", href: "#", icon: , }, { label: "Terms & Policies", href: "#", icon: , external: true, }, ] return (

{/* Profile Info */}

{name}

{role}

{menuItems.map((item) => (

{item.icon} {item.label}

{item.value && {item.value}} {item.external && }

))}

) } 90:["$","$L9a",null,{"chatId":"hEnbEiid7Uc","children":["$","$L9b",null,{"data":{"@\"active-block\",\"hEnbEiid7Uc\",":{"id":"Z1Z58Gb4Ezi","messageId":"Fx9hXSACVIfqD9FXeNC8X7UuSv6H6nET","source":"$9c","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"profile-01","type":"code-project","project":"profile-01"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"hEnbEiid7Uc\",":false},"children":"$L9d"}]}]

About

Tags

Share

About

Tags

Share

More from kokonut

More Templates Like This