import { r as registerInstance, h } from './index-07845439.js';

const styleCss = "smoothly-radio-group{display:flex;position:relative;color:none !important;background:none !important;margin:.5em 0}smoothly-radio-group[hidden]{display:none}smoothly-radio-group[orientation=vertical] *:not(:first-of-type)>input[type=\"radio\"]~label{border-top:none}smoothly-radio-group:not([orientation=vertical]) *:not(:first-of-type)>input[type=\"radio\"]~label{border-left:none}smoothly-radio-group[orientation=vertical]{flex-direction:column}smoothly-radio-group[orientation=vertical] :first-of-type>input[type=\"radio\"]~label{border-radius:4px 4px 0 0}smoothly-radio-group[orientation=vertical] :last-of-type>input[type=\"radio\"]~label{border-radius:0 0 4px 4px}smoothly-radio-group:not([orientation=vertical]){flex-direction:row}smoothly-radio-group:not([orientation=vertical]) :first-of-type>input[type=\"radio\"]~label{border-radius:4px 0 0 4px}smoothly-radio-group:not([orientation=vertical]) :last-of-type>input[type=\"radio\"]~label{border-radius:0 4px 4px 0}";

const SmoothlyToggleGroup = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.orientation = "horizontal";
  }
  render() {
    return h("slot", null);
  }
};
SmoothlyToggleGroup.style = styleCss;

export { SmoothlyToggleGroup as smoothly_radio_group };
