"})," and ",(0,n.jsx)(l.code,{children:""})," elements, however these can be difficult to style. RadioGroup and Radio help achieve accessible radio groups that can be styled as needed."]}),` `,(0,n.jsxs)(s,{name:"radio-card-group-demo",children:[(0,n.jsx)(l.figure,{__src__:"registry/default/example/radio-card-group/radio-card-group-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#101010",color:"#FFF"},tabIndex:"0","data-language":"tsx","data-theme":"vesper",__rawString__:`"use client" import { RadioCardGroup, RadioCard } from "@/components/ui/radio-group-card" export function RadioCardGroupDemo() { return (

Basic Plan $9.99/month

Pro Plan $19.99/month

Enterprise Plan $49.99/month

) }`,__src__:"registry/default/example/radio-card-group/radio-card-group-demo.tsx",children:(0,n.jsxs)(l.code,{"data-language":"tsx","data-theme":"vesper",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"use client"'})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" { RadioCardGroup, RadioCard } "}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:' "@/components/ui/radio-group-card"'})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" function"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:" RadioCardGroupDemo"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"() {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" ("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"w-full max-w-sm space-y-4"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"RadioCardGroup"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" defaultValue="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"pro"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"RadioCard"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" value="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"basic"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"flex flex-col"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"font-semibold"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"Basic Plan"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"text-sm text-muted-foreground"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"$9.99/month"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"RadioCard"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" value="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"pro"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"flex flex-col"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"font-semibold"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"Pro Plan"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"text-sm text-muted-foreground"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"$19.99/month"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"RadioCard"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" value="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"enterprise"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"flex flex-col"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"font-semibold"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"Enterprise Plan"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"text-sm text-muted-foreground"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"$49.99/month"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" )"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"}"})})]})})}),(0,n.jsx)(l.figure,{__src__:"registry/new-york/example/radio-card-group/radio-card-group-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#101010",color:"#FFF"},tabIndex:"0","data-language":"tsx","data-theme":"vesper",__rawString__:`"use client" import { RadioCardGroup, RadioCard } from "@/components/ui/radio-group-card" export function RadioCardGroupDemo() { return (

Select an LLM Model

GPT-4o Mini 175B parameters Balanced performance and efficiency

GPT-4o ~1T parameters Advanced reasoning and knowledge

Claude 2 ~100B parameters Strong in analysis and coding tasks

LLaMA 2 (70B) 70B parameters Open-source with broad capabilities

) }`,__src__:"registry/new-york/example/radio-card-group/radio-card-group-demo.tsx",children:(0,n.jsxs)(l.code,{"data-language":"tsx","data-theme":"vesper",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"use client"'})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" { RadioCardGroup, RadioCard } "}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:' "@/components/ui/radio-group-card"'})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" function"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:" RadioCardGroupDemo"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"() {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" ("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"w-full max-w-md space-y-4"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"h2"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"text-lg font-semibold mb-2"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"Select an LLM Model"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"RadioCardGroup"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" defaultValue="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"gpt-3.5-turbo"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"RadioCard"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" value="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"gpt-3.5-turbo"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"flex flex-col"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"font-semibold"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"GPT-4o Mini"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"text-sm text-muted-foreground"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"175B parameters"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"text-xs text-muted-foreground"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"Balanced performance and efficiency"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"RadioCard"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" value="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"gpt-4o"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"flex flex-col"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"font-semibold"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"GPT-4o"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"text-sm text-muted-foreground"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"~1T parameters"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"text-xs text-muted-foreground"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"Advanced reasoning and knowledge"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"RadioCard"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" value="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"claude-3.5"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"flex flex-col"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"font-semibold"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"Claude 2"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"text-sm text-muted-foreground"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"~100B parameters"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"text-xs text-muted-foreground"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"Strong in analysis and coding tasks"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"RadioCard"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" value="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"llama-2-70b"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"flex flex-col"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"font-semibold"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"LLaMA 2 (70B)"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"text-sm text-muted-foreground"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"70B parameters"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FFC799"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,n.jsx)(l.span,{style:{color:"#99FFE4"},children:'"text-xs text-muted-foreground"'}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"Open-source with broad capabilities"}),(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" )"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"}"})})]})})})]})]})}function p(e={}){let{wrapper:l}=e.components||{};return l?(0,n.jsx)(l,{...e,children:(0,n.jsx)(i,{...e})}):i(e)}function v(e,l){throw new Error("Expected "+(l?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}return f(N);})(); ;return Component;

Radio Card Group