import{h}from"@stencil/core";export class ScFormRow{constructor(){this.width=void 0}componentDidLoad(){"ResizeObserver"in window&&(this.observer=new window.ResizeObserver((t=>{this.width=null==t?void 0:t[0].contentRect.width})),this.observer.observe(this.el))}render(){return h("div",{key:"7af6569993cfd199bce9c761fcaf73eb31035bd0",part:"base",class:{"form-row":!0,"breakpoint-sm":this.width<384,"breakpoint-md":this.width>=384&&this.width<576,"breakpoint-lg":this.width>=576&&this.width<768,"breakpoint-xl":this.width>=768}},h("slot",{key:"83676b1500688ecb1059e7d808e36e1ddf0746ad"}))}static get is(){return"sc-form-row"}static get encapsulation(){return"shadow"}static get originalStyleUrls(){return{$:["sc-form-row.scss"]}}static get styleUrls(){return{$:["sc-form-row.css"]}}static get states(){return{width:{}}}static get elementRef(){return"el"}}