import{jsxs as i,jsx as o}from"react/jsx-runtime";import{g as t,c}from"./ui-components-B24mpb8o.js";import{Headphones as g,FileText as a,ListOrdered as s,Type as b,Link2 as p,CheckSquare as h,CheckCircle as d}from"lucide-react";const u={multiple_choice:{label:"Multiple Choice",icon:d,color:"bg-blue-100 text-blue-800 hover:bg-blue-100"},multiple_select:{label:"Multiple Select",icon:h,color:"bg-purple-100 text-purple-800 hover:bg-purple-100"},matching:{label:"Matching",icon:p,color:"bg-green-100 text-green-800 hover:bg-green-100"},fill_blank:{label:"Fill Blank",icon:b,color:"bg-yellow-100 text-yellow-800 hover:bg-yellow-100"},ordering:{label:"Ordering",icon:s,color:"bg-orange-100 text-orange-800 hover:bg-orange-100"},short_answer:{label:"Short Answer",icon:a,color:"bg-red-100 text-red-800 hover:bg-red-100"},listening:{label:"Listening",icon:g,color:"bg-indigo-100 text-indigo-800 hover:bg-indigo-100"}},f=({type:l,className:r})=>{const e=u[l],n=e.icon;return i(t,{variant:"secondary",className:c("gap-1.5",e.color,r),children:[o(n,{className:"h-3 w-3"}),o("span",{className:"text-xs font-medium",children:e.label})]})};export{f as Q};
