import { Component, Prop, Host, h } from '@stencil/core';

@Component({
  tag: 'scu-flex-fill',
  shadow: true
})

export class SCUFlexFill {

  @Prop({ reflect: true }) flex: number = 1;

  render() {
    return (
      <Host class="comp-scu-flex-fill" style={{flex:`${this.flex}`}}>
        <slot />
      </Host>
    ); 
  } 
}