<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo" class="page">
    <Page.actionBar>
        <ActionBar title="FontAwesome" class="action-bar">
        </ActionBar>
    </Page.actionBar>
    <StackLayout class="p-20">
        <Label text="Tap the button" class="h1 text-center"/>
        <Label text="&#xf0a1;" class="font-awesome" fontFamily="FontAwesome" />
        <Button text="TAP" tap="onTap">
            <FormattedString>
                <Span text="&#xf0a1;" class="font-awesome" fontFamily="FontAwesome" color="white"></Span>
                <Span text="font-awesome" fontWeight="bold"></Span>
            </FormattedString>
        </Button>
        <Button text="TAP" tap="onTap" class="">
            <FormattedString>
                <Span text="&#xf1ec;" fontFamily="FontAwesome" color="white"></Span>
                <Span text="some text" fontWeight="bold"></Span>
            </FormattedString>
        </Button>
        <Button text="TAP" tap="onTap" class="">
            <FormattedString>
                <Span text="&#xf017;" fontFamily="FontAwesome" color="white"></Span>
                <Span text="some text" fontWeight="bold"></Span>
            </FormattedString>
        </Button>
        <Button text="TAP" tap="onTap" class="">
            <FormattedString>
                <Span text="&#xf1b9;" fontFamily="FontAwesome" color="white"></Span>
                <Span text="some text" fontWeight="bold"></Span>
            </FormattedString>
        </Button>
        <Button text="TAP" tap="onTap" class="">
            <FormattedString>
                <Span text="&#xf075;" fontFamily="FontAwesome" color="white"></Span>
                <Span text="some text" fontWeight="bold"></Span>
            </FormattedString>
        </Button>
        <Button text="TAP" tap="onTap" class="">
            <FormattedString>
                <Span text="&#xf05a;" fontFamily="FontAwesome" color="white"></Span>
                <Span text="some text" fontWeight="bold"></Span>
            </FormattedString>
        </Button>
        <Label text="{{ message }}" class="h2 text-center" textWrap="true"/>
    </StackLayout>
</Page>
