import{cloneElement as e}from"../../../_util/vnode.mjs";import{useInjectTabs as t}from"../TabContext.mjs";import{createVNode as n,defineComponent as r}from"vue";var i=r({compatConfig:{MODE:3},name:`TabPanelList`,inheritAttrs:!1,props:{activeKey:{type:[String,Number]},id:{type:String},rtl:{type:Boolean},animated:{type:Object,default:void 0},tabPosition:{type:String},destroyInactiveTabPane:{type:Boolean}},setup(r){let{tabs:i,prefixCls:a}=t();return()=>{let{id:t,activeKey:o,animated:s,tabPosition:c,rtl:l,destroyInactiveTabPane:u}=r,d=s.tabPane,f=a.value,p=i.value.findIndex(e=>e.key===o);return n(`div`,{class:`${f}-content-holder`},[n(`div`,{class:[`${f}-content`,`${f}-content-${c}`,{[`${f}-content-animated`]:d}],style:p&&d?{[l?`marginRight`:`marginLeft`]:`-${p}00%`}:null},[i.value.map(n=>e(n.node,{key:n.key,prefixCls:f,tabKey:n.key,id:t,animated:d,active:n.key===o,destroyInactiveTabPane:u}))])])}}});export{i as default};