import { r as registerInstance, c as createEvent, h, H as Host } from './index-acdc1ac0.js';

const dvnContentSwitcherCss = "dvn-content-switcher{--base-color:var(--color-primary);--button-border-radius:var(--corner-radius);--content-switcher-height:32px;display:inline-block;border-radius:var(--corner-radius);height:var(--content-switcher-height);box-shadow:inset 0px 0px 0px 1px var(--base-color)}dvn-content-switcher.rounded{border-radius:var(--content-switcher-height)}dvn-content-switcher dvn-button button{font-weight:normal !important}";

const DvnContentSwitcher = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.change = createEvent(this, "change", 7);
    this.options = [];
    this.shape = 'rectangular';
  }
  render() {
    const { options, shape, value } = this;
    return (h(Host, { class: { [shape]: true } }, options.map(option => (h("dvn-button", { leaned: true, onClick: () => this.change.emit(option.value), shape: shape, tint: "primary", view: option.value === value ? 'solid' : 'flat' }, option.label)))));
  }
};
DvnContentSwitcher.style = dvnContentSwitcherCss;

export { DvnContentSwitcher as dvn_content_switcher };
