import{card_styles_default as r}from"./chunk.2WKHOBLT.js";import{HasSlotController as t}from"./chunk.NYIIDP5N.js";import{ShoelaceElement as s}from"./chunk.Z7XDKKOD.js";import{classMap as e}from"../../../../lit/directives/class-map.js";import{html as o}from"../../../../lit/index.js";var a=class extends s{constructor(){super(...arguments),this.hasSlotController=new t(this,"footer","header","image")}render(){return o`
      <div
        part="base"
        class=${e({card:!0,"card--has-footer":this.hasSlotController.test("footer"),"card--has-image":this.hasSlotController.test("image"),"card--has-header":this.hasSlotController.test("header")})}
      >
        <slot name="image" part="image" class="card__image"></slot>
        <slot name="header" part="header" class="card__header"></slot>
        <slot part="body" class="card__body"></slot>
        <slot name="footer" part="footer" class="card__footer"></slot>
      </div>
    `}};a.styles=r;export{a as SlCard};