<template>
    <div class="seller-product-added">
        <div>
            <i class="isax isax-tick-square"></i>
            <h2>{{ $t('productAdded') }}</h2>
        </div>
        <Button :label="$t('confirm')" />
    </div>
</template>

<script setup>

</script>

<style lang="scss">
.eller-product-added {
    @apply flex flex-col justify-between pt-[1.1rem] max-lg:h-[11.8rem] lg:w-[28.3rem] lg:h-64 lg:p-10;

    div {
        @apply flex max-lg:flex-col items-center gap-4 lg:mt-4;

        h2 {
            @apply text-[#333333] text-xl font-bold font-vazir leading-[2.8rem];
        }
    }

    button {
        @apply w-full h-12 lg:h-14;
    }
}
</style>