import{Bt as e,It as t,Lt as n,Mt as r,Qt as i,Vt as a,Xt as o,qt as s}from"./index-qNrWYJXL.js";import{n as c,t as l}from"./4-CGNZw0Rn.js";var u={name:`Chips`,setup(){return{avatar1:c,avatar4:l}}},d={class:`d-flex flex-wrap gap-2`},f={class:`d-flex flex-wrap gap-2`},p={class:`d-flex flex-wrap gap-2`},m={class:`d-flex flex-wrap gap-2`},h=[`src`],g=[`src`],_={class:`d-flex flex-wrap gap-2 mb-3`},v={class:`d-flex flex-wrap gap-2`},y={class:`d-flex flex-wrap gap-2 mb-3`},b={class:`d-flex flex-wrap gap-2`};function x(r,c,l,u,x,S){let C=o(`DocsComponents`),w=o(`CCardHeader`),T=o(`CChip`),E=o(`DocsExample`),D=o(`CCardBody`),O=o(`CCard`),k=o(`CCol`),A=o(`CRow`);return s(),n(A,null,{default:i(()=>[a(k,{xs:12},{default:i(()=>[a(C,{href:`components/chip/`}),a(O,{class:`mb-4`},{default:i(()=>[a(w,null,{default:i(()=>[...c[0]||=[t(`strong`,null,`Vue Chip`,-1),e(),t(`small`,null,`Basic and outline`,-1)]]),_:1}),a(D,null,{default:i(()=>[c[9]||=t(`p`,{class:`text-body-secondary small`},[e(` Chips are compact UI elements for labels, filters, and quick selections. Use the `),t(`code`,null,`CChip`),e(` component with optional `),t(`code`,null,`variant`),e(` prop. `)],-1),a(E,{href:`components/chip/#basic-chips`},{default:i(()=>[t(`div`,d,[a(T,null,{default:i(()=>[...c[1]||=[e(`Basic chip`,-1)]]),_:1}),a(T,null,{default:i(()=>[...c[2]||=[e(`Frontend`,-1)]]),_:1}),a(T,null,{default:i(()=>[...c[3]||=[e(`Design system`,-1)]]),_:1}),a(T,null,{default:i(()=>[...c[4]||=[e(`Documentation`,-1)]]),_:1})])]),_:1}),c[10]||=t(`p`,{class:`text-body-secondary small`},[e(` Add `),t(`code`,null,`variant="outline"`),e(` to create a lighter, bordered appearance. `)],-1),a(E,{href:`components/chip/#outline-chips`},{default:i(()=>[t(`div`,f,[a(T,{variant:`outline`},{default:i(()=>[...c[5]||=[e(`Outline chip`,-1)]]),_:1}),a(T,{variant:`outline`},{default:i(()=>[...c[6]||=[e(`Product`,-1)]]),_:1}),a(T,{variant:`outline`},{default:i(()=>[...c[7]||=[e(`Marketing`,-1)]]),_:1}),a(T,{variant:`outline`},{default:i(()=>[...c[8]||=[e(`Analytics`,-1)]]),_:1})])]),_:1})]),_:1})]),_:1}),a(O,{class:`mb-4`},{default:i(()=>[a(w,null,{default:i(()=>[...c[11]||=[t(`strong`,null,`Vue Chip`,-1),e(),t(`small`,null,`With icons and avatars`,-1)]]),_:1}),a(D,null,{default:i(()=>[c[18]||=t(`p`,{class:`text-body-secondary small`},` Chips can include icons, user avatars, or avatar components to make tags easier to scan. `,-1),a(E,{href:`components/chip/#chips-with-icons`},{default:i(()=>[t(`div`,p,[a(T,null,{default:i(()=>[...c[12]||=[t(`span`,{class:`chip-icon`},[t(`svg`,{width:`16`,height:`16`,fill:`currentColor`,viewBox:`0 0 16 16`,"aria-hidden":`true`},[t(`path`,{d:`M8 1a3 3 0 1 1 0 6 3 3 0 0 1 0-6Zm-5 12s0-3 5-3 5 3 5 3v1H3v-1Z`})])],-1),e(` Team member `,-1)]]),_:1}),a(T,null,{default:i(()=>[...c[13]||=[t(`span`,{class:`chip-icon`},[t(`svg`,{width:`16`,height:`16`,fill:`currentColor`,viewBox:`0 0 16 16`,"aria-hidden":`true`},[t(`path`,{d:`M2 2h12v2H2V2Zm0 5h8v2H2V7Zm0 5h12v2H2v-2Z`})])],-1),e(` Backlog item `,-1)]]),_:1})])]),_:1}),a(E,{href:`components/chip/#chips-with-avatars`},{default:i(()=>[t(`div`,m,[a(T,null,{default:i(()=>[t(`img`,{class:`chip-img`,src:u.avatar1,width:`16`,height:`16`,alt:``},null,8,h),c[14]||=e(` Olivia Martin `,-1)]),_:1}),a(T,null,{default:i(()=>[t(`img`,{class:`chip-img`,src:u.avatar4,width:`16`,height:`16`,alt:``},null,8,g),c[15]||=e(` Ethan Carter `,-1)]),_:1}),a(T,null,{default:i(()=>[...c[16]||=[t(`span`,{class:`avatar avatar-sm bg-primary text-white`},`A`,-1),e(` Account manager `,-1)]]),_:1}),a(T,null,{default:i(()=>[...c[17]||=[t(`span`,{class:`avatar avatar-sm bg-success text-white`},`Q`,-1),e(` QA owner `,-1)]]),_:1})])]),_:1})]),_:1})]),_:1})]),_:1}),a(k,{xs:12},{default:i(()=>[a(O,{class:`mb-4`},{default:i(()=>[a(w,null,{default:i(()=>[...c[19]||=[t(`strong`,null,`Vue Chip`,-1),e(),t(`small`,null,`Variants and sizes`,-1)]]),_:1}),a(D,null,{default:i(()=>[c[30]||=t(`p`,{class:`text-body-secondary small`},[e(` Use the `),t(`code`,null,`color`),e(` prop for contextual variants and the `),t(`code`,null,`size`),e(` prop for different sizes. `)],-1),a(E,{href:`components/chip/#variants`},{default:i(()=>[t(`div`,_,[a(T,{color:`primary`,clickable:``},{default:i(()=>[...c[20]||=[e(`Product`,-1)]]),_:1}),a(T,{color:`primary`,active:``},{default:i(()=>[...c[21]||=[e(`Active product`,-1)]]),_:1}),a(T,{color:`success`,clickable:``},{default:i(()=>[...c[22]||=[e(`Published`,-1)]]),_:1}),a(T,{color:`success`,active:``},{default:i(()=>[...c[23]||=[e(`Live`,-1)]]),_:1}),a(T,{color:`warning`,clickable:``},{default:i(()=>[...c[24]||=[e(`Review`,-1)]]),_:1}),a(T,{color:`danger`,active:``},{default:i(()=>[...c[25]||=[e(`Blocked`,-1)]]),_:1})]),t(`div`,v,[a(T,{size:`sm`},{default:i(()=>[...c[26]||=[e(`Small chip`,-1)]]),_:1}),a(T,null,{default:i(()=>[...c[27]||=[e(`Default chip`,-1)]]),_:1}),a(T,{size:`lg`},{default:i(()=>[...c[28]||=[e(`Large chip`,-1)]]),_:1}),a(T,{variant:`outline`,color:`primary`,clickable:``},{default:i(()=>[...c[29]||=[e(`Outline primary`,-1)]]),_:1})])]),_:1})]),_:1})]),_:1}),a(O,{class:`mb-4`},{default:i(()=>[a(w,null,{default:i(()=>[...c[31]||=[t(`strong`,null,`Vue Chip`,-1),e(),t(`small`,null,`Interactive examples`,-1)]]),_:1}),a(D,null,{default:i(()=>[c[39]||=t(`p`,{class:`text-body-secondary small`},[e(` Chips support selection, removal, and disabled states using props like `),t(`code`,null,`selectable`),e(`, `),t(`code`,null,`removable`),e(`, and `),t(`code`,null,`disabled`),e(`. `)],-1),a(E,{href:`components/chip/#interactive`},{default:i(()=>[t(`div`,y,[a(T,{selectable:``},{default:i(()=>[...c[32]||=[e(`Selectable`,-1)]]),_:1}),a(T,{selectable:``,selected:``},{default:i(()=>[...c[33]||=[e(`Selected`,-1)]]),_:1}),a(T,{removable:``},{default:i(()=>[...c[34]||=[e(`Removable`,-1)]]),_:1}),a(T,{disabled:``},{default:i(()=>[...c[35]||=[e(`Disabled`,-1)]]),_:1})]),t(`div`,b,[a(T,{size:`lg`,removable:``},{default:i(()=>[...c[36]||=[e(`Team Alpha`,-1)]]),_:1}),a(T,{variant:`outline`,color:`info`,selectable:``},{default:i(()=>[...c[37]||=[e(`Filter: Priority`,-1)]]),_:1}),a(T,{variant:`outline`,color:`success`,selectable:``,selected:``},{default:i(()=>[...c[38]||=[e(`Filter: Ready`,-1)]]),_:1})])]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}var S=r(u,[[`render`,x]]);export{S as default};