import{r as o,h as e}from"./p-CF7i8guW.js";const t='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-toggle{font-family:"Inter", "Barlow", sans-serif}verdocs-toggle .container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background-color:#f5f5fa}verdocs-toggle .label{font-size:24px;font-weight:700;color:#33354c;-ms-flex-item-align:center;align-self:center;margin-right:27px;font-family:sans-serif}verdocs-toggle .buttons{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}verdocs-toggle .buttons button{width:60px;height:60px;border:2px solid #654dcb;border-radius:5px;cursor:pointer}verdocs-toggle .buttons button:not(:last-child){margin-right:11px}verdocs-toggle .buttons svg{width:30px;height:30px}verdocs-toggle .buttons button:hover{background-color:#654dcb;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .buttons button:hover svg{fill:#f5f5fa;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .selected{background-color:#707ae5;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .selected svg{fill:#ffffff;-webkit-transition:0.25s;transition:0.25s}';const r=class{constructor(e){o(this,e);this.selectedOption=0}componentWillLoad(){var o;this.selectedOption=((o=this.options)===null||o===void 0?void 0:o.defaultSelection)||0}render(){return e("div",{key:"a167b6b40a4a161cd3c0a2bddca580fa7298d8e0",class:"container"},e("span",{key:"e5f1bee9371da64f04f6c5e0b2e8a52084edafed",class:"label"},`${this.options.label}:`),e("div",{key:"e87eba64df92355fe5f80d05b31e2ed7bfb3c9d7",class:"buttons"},this.options.buttons.map(((o,t)=>e("button",{id:o.id,key:o.id,innerHTML:o.icon,class:t===this.selectedOption?"selected":"",onClick:()=>{console.log("clicked",t);this.selectedOption=t}})))))}};r.style=t;export{r as verdocs_toggle};
//# sourceMappingURL=p-43971b64.entry.js.map