import { Component , Prop , h , JSX , ComponentInterface } from '@stencil/core' ; @ Component ( { tag : 'bm-breadcrumb' , styleUrls : [ 'breadcrumb.scss' ] , } ) export class Breadcrumb implements ComponentInterface { /**
     * Breadcrumb alignment
     */ @ Prop ( ) alignment : 'is-centered' | 'is-right' ; /**
     * Size
     */ @ Prop ( ) size : 'is-small' | 'is-medium' | 'is-large' ; /**
     * Separator
     */ @ Prop ( ) separator : 'has-arrow-separator' | 'has-bullet-separator' | 'has-dot-separator' | 'has-succeeds-separator' ; render ( ) { return ( < nav class = { { breadcrumb : true , [ this . size ] : Boolean ( this . size ) , [ this . separator ] : Boolean ( this . separator ) , [ this . alignment ] : Boolean ( this . alignment ) , } } aria - label = "breadcrumbs" > < slot /> < /nav>); } }