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:"76c4d5a6488253b593ae107a9b72dc5c60b9fac3",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:"a471a5c4eab26394408963ebd63f9394608dfd8c"}))}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"}}