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:"481897829415787fb75adbb251272b0cf28438e3",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:"e4304a7a74bcccb89561e8dcb5ff0a2a36de93c9"}))}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"}}