<template>
    <Card>
        <div class="flex flex-col gap-5">
            <Preview :worker="worker" :proposal="proposal" />
            <Summary :worker="worker" :proposal="proposal" />
            <AttachmentPreview
                v-if="proposal.files.length > 0"
                :attachments="proposal.files"
            />
        </div>
    </Card>
</template>

<script>
import Summary from "@/components/Projects/Client/Proposals/Summary.vue";
import Preview from "@/components/Projects/Client/Proposals/UnhiredPreview.vue";
import AttachmentPreview from "@/components/Projects/Client/Proposals/AttachmentsPreview.vue";
import Card from "@/components/Containers/ContentCard";
export default {
    props: {
        proposal: {
            type: Object,
            required: true,
        },
        worker: {
            type: Boolean,
            default: false,
        },
    },
    components: {
        Summary,
        Preview,
        Card,
        AttachmentPreview,
    },
};
</script>
