import { Component , Prop , Element } from '@stencil/core' ; @ Component ( { tag : 'mwc-card' , shadow : false } ) export class MWCCard { @ Element ( ) cardEl : HTMLElement ; @ Prop ( ) width : string = "auto" ; @ Prop ( ) height : string = "auto" ; @ Prop ( ) raised : boolean = false ; @ Prop ( ) radius : number = 4 ; componentDidLoad ( ) { } getElevation ( ) { return this . raised ? 8 : 2 ; } render ( ) { return ( < mwc - paper width = { this . width } height = { this . height } elevation = { this . getElevation ( ) } radius = { this . radius } > < slot /> < /mwc-paper>); } }