@model PlanTempus.Application.Features.Dashboard.Components.BookingItemViewModel

<swp-booking-item data-key="@Model.Key" class="@Model.Status">
    <swp-booking-time>
        <swp-time-start>@Model.TimeStart</swp-time-start>
        <swp-time-end>@Model.TimeEnd</swp-time-end>
    </swp-booking-time>
    <swp-booking-indicator class="@Model.IndicatorColor"></swp-booking-indicator>
    <swp-booking-details>
        <swp-item-title>@Model.Service</swp-item-title>
        <swp-item-desc>@Model.CustomerName</swp-item-desc>
    </swp-booking-details>
    <swp-booking-employee title="@Model.EmployeeName">
        <swp-avatar-small>@Model.EmployeeInitials</swp-avatar-small>
    </swp-booking-employee>
    <swp-booking-status class="@Model.Status">@Model.StatusText</swp-booking-status>
</swp-booking-item>