import{u as h,o as f,p as u,q as k,c as t,a as o,n as y,F as _,r as p,b as v,d as l,e as s,t as r}from"./index-BcYnNRd_.js";const w={class:"container"},C={style:{display:"flex",gap:"0.5rem","flex-wrap":"wrap","margin-bottom":"1.5rem"}},x=["onClick"],A={key:0,class:"loading"},z={key:1,class:"card-grid"},B={style:{"font-size":"1.1rem","font-weight":"700",color:"#2b6cb0","margin-bottom":"0.4rem"}},S={style:{color:"#2d3748","margin-bottom":"0.4rem"}},V={key:0,style:{"font-size":"0.8rem",color:"#718096"}},q={class:"badge badge-purple",style:{"margin-top":"0.5rem"}},F={key:0,class:"empty"},D={__name:"PhrasesView",setup(N){const b=h(),i=l([]),m=l([]),c=l(""),d=l(!1),g=async n=>{c.value=n,d.value=!0;const a=await u.getAll(n||void 0);i.value=a.data,d.value=!1};return f(async()=>{const[n,a]=await Promise.all([u.getAll(),u.getCategories()]);i.value=n.data,m.value=a.data,k.complete({session_id:b.id,type:"phrase"})}),(n,a)=>(s(),t("div",w,[a[1]||(a[1]=o("h1",{class:"page-title"},"회화 표현",-1)),o("div",C,[o("button",{class:y(["btn",c.value===""?"btn-primary":"btn-secondary"]),onClick:a[0]||(a[0]=e=>g(""))},"전체",2),(s(!0),t(_,null,p(m.value,e=>(s(),t("button",{key:e.category,class:y(["btn",c.value===e.category?"btn-primary":"btn-secondary"]),onClick:P=>g(e.category)},r(e.category),11,x))),128))]),d.value?(s(),t("div",A,"불러오는 중...")):(s(),t("div",z,[(s(!0),t(_,null,p(i.value,e=>(s(),t("div",{key:e.id,class:"card"},[o("div",B,r(e.english),1),o("div",S,r(e.korean),1),e.situation?(s(),t("div",V,"💬 "+r(e.situation),1)):v("",!0),o("span",q,r(e.category),1)]))),128)),i.value.length?v("",!0):(s(),t("div",F,"표현이 없습니다"))]))]))}};export{D as default};