<script setup lang="ts">
import TableHeading from '@/Components/Common/TableHeading.vue';
defineProps<{
    showBillableRate: boolean;
}>();
</script>

<template>
    <TableHeading>
        <div
            class="py-1.5 pr-3 text-left font-semibold text-text-primary pl-4 sm:pl-6 lg:pl-8 3xl:pl-12">
            Name
        </div>
        <div class="px-3 py-1.5 text-left font-semibold text-text-primary">Client</div>
        <div class="px-3 py-1.5 text-left font-semibold text-text-primary">
            Total Time
        </div>
        <div class="px-3 py-1.5 text-left font-semibold text-text-primary">
            Progress
        </div>
        <div
            v-if="showBillableRate"
            class="px-3 py-1.5 text-left font-semibold text-text-primary">
            Billable Rate
        </div>
        <div class="px-3 py-1.5 text-left font-semibold text-text-primary">Status</div>
        <div class="relative py-1.5 pl-3 pr-4 sm:pr-6 lg:pr-8 3xl:pr-12">
            <span class="sr-only">Edit</span>
        </div>
    </TableHeading>
</template>

<style scoped></style>
