<script setup lang="ts">
// types

type Props = {
    is_user: boolean;
};

// props

defineProps<Props>();
</script>

<template>
    <div
        class="w-full flex items-center"
        :class="is_user ? 'justify-start' : 'justify-end'"
    >
        <Skeleton
            class="!w-full lg:!w-1/2 !h-32 border border-slate-200 !rounded-xl p-5 flex items-start"
            :class="is_user ? '!rounded-br-none' : '!rounded-bl-none'"
        ></Skeleton>
    </div>
</template>

<style scoped></style>
