import { Component , Prop , h , JSX , ComponentInterface } from '@stencil/core' ; @ Component ( { tag : 'bm-textarea' , styleUrls : [ 'textarea.scss' ] , } ) export class Textarea implements ComponentInterface { /**
     * Control class
     */ @ Prop ( ) controlClass = '' ; /**
     * Value
     */ @ Prop ( ) value : string | number ; /**
     * Color
     */ @ Prop ( ) color : 'is-primary' | 'is-info' | 'is-success' | 'is-warning' | 'is-danger' ; /**
     * Size
     */ @ Prop ( ) size : 'is-small' | 'is-normal' | 'is-medium' | 'is-large' ; /**
     * State
     */ @ Prop ( ) state : 'is-hovered' | 'is-focused' ; /**
     * Readonly state
     */ @ Prop ( ) readonly = false ; /**
     * Disabled state
     */ @ Prop ( ) disabled = false ; /**
     * Loading state
     */ @ Prop ( ) isLoading = false ; /**
     * Fixed size
     */ @ Prop ( ) hasFixedSize = false ; /**
     * Rows
     */ @ Prop ( ) rows : number ; render ( ) { return ( < div class = { { control : true , 'is-loading' : this . isLoading , [ this . controlClass ] : Boolean ( this . controlClass ) , } } > < textarea class = { { textarea : true , 'has-fixed-size' : this . hasFixedSize , [ this . color ] : Boolean ( this . color ) , [ this . size ] : Boolean ( this . size ) , [ this . state ] : Boolean ( this . state ) , } } disabled = { this . disabled } readonly = { this . readonly } > { this . value } < /textarea> < /div>); } }