import{template as m}from"@gem-sdk/core";import{createStyle as s,createClass as o}from"@gem-sdk/system";import{getTabItemClasses as t}from"../common/classes.js";import{getTabItemStyle as e}from"../common/styles.js";let TabItem=r=>{let{children:i,builderAttrs:l,className:a,parentUid:d,style:c,isActive:f}=r,p=s({...e(c,f)}),$=o({...t({parentUid:d,className:a,isNotLiquid:!1,isActive:f})});return m`
  <div
    ${{...l}}
    class="${$}"
    style="${p}"
  >
    ${i}
  </div>
  `};export{TabItem as default};
