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:"63555d83283523fa16452b430ded73b3c6622653",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:"abf966559deffcc79932581e92566ad8022e56fa"}))}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"}}