<template>
    <t-register
        color="solid-gray"
        :radius="5"
        bg-color="gradient-gray-to"
        button-design="light"
        button-color="gray"
        :status="status"
        :privacyPolicyFeature="true"
        termsLink="terms"
        policyLink="privacy-policy"
    >
        <!--Logo-->
        <template #logo>
            <Link href="/">
                <div class="flex flex-col justify-center items-center w-full">
                    <t-logo class="w-12 h-12"/>
                    <span class="text-3xl">TailAdmin</span>
                </div>
            </Link>
        </template>
        <!--Greeting-->
        <template #greeting>
            Sign up for new account
        </template>
    </t-register>
</template>

<script>
import {Link} from "@inertiajs/vue3";
import TLogo from "@/Components/Icon/TLogo.vue";
import TRegister from "@/Components/Auth/TRegister.vue";

export default {
    components: {
        TLogo,
        TRegister,
        Link
    },
    props: {
        status: String
    }
}
</script>
