<script lang="ts" setup>

</script>

<template>
    <div class="flex items-center justify-between w-full bg-slate-100 border-[1.5px] border-slate-200 rounded-100 p-6">
        <div class="flex items-start gap-3">
            <div class="flex p-1 items-center justify-center rounded-full bg-success-500">
                <Icon name="ci:check" class="size-4 **:stroke-white"/>
            </div>
            <div class="flex flex-col gap-1">
                <span class="typo-label-sm whitespace-nowrap">دریافت حضوری فروشگاه</span>
                <span class="typo-p-sm whitespace-nowrap">معمولا طی ۲ ساعت اماده میشود</span>
            </div>
        </div>
        <span class="typo-p-xs">
            برسی موجودی در فروشگاه های دیگر
        </span>
    </div>
</template>