import{template as e}from"@gem-sdk/core";import{renderSeparator as o}from"./common/helpers.js";import{getSeparatorStyle as r}from"./common/styles.js";let Separator=({separator:t})=>e`
  <div
    class="group-data-[state=loading]:gp-invisible data-[hidden=true]:gp-hidden"
    style="${r()}"
  >
    ${o(t)}
  </div>
`;export{Separator as default};
