import React from "react";
import { Button, Layout } from "@ui-kitten/components";
import { useModel } from "flooks";
import { Linking } from "expo";

export default function ConnectButton(props) {
    const { connect } = useModel("wordsModel");
    return (
        <>
            <Layout style={{ flex: 1, minHeight: 30 }} />
            {props.children}
            <Button
                appearance='outline'
                style={{ alignSelf: "center" }}
                onPress={() => {
                    Linking.openURL("tel:+123456789");
                }}
            >
                {connect}
            </Button>
        </>
    );
}