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

let DvnRadioCardGroup = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.change = createEvent(this, "change", 7);
    this.options = [];
  }
  render() {
    const { options, value } = this;
    return (h(Host, null, options.map(option => (h("dvn-card", { key: option.value, elevation: 0, outlined: true, selectable: true, selected: value === option.value, overrideStyle: { margin: 'calc(2 * var(--spacing-unit)) 0px' }, onClick: () => this.change.emit(option.value), tint: option.tint }, h("dvn-card-header", { slot: "header", title: option.label }), option.description)))));
  }
};

export { DvnRadioCardGroup as dvn_radio_card_group };
