'use client';

/* TicketRowSkeleton — phase 04 (TICK-05/D-21).
 * Purpose: skeleton placeholder row that matches the priority-stripe ticket row layout
 *          for the initial-load state of /mobile/tickets.
 * Props: none — purely presentational. */

import { Skeleton } from '@/components/ui/skeleton';

export function TicketRowSkeleton() {
  return (
    <div className="border-l-4 border-muted px-4 py-4">
      <Skeleton className="h-4 w-3/4" />
      <Skeleton className="h-3 w-1/2 mt-1" />
      <div className="flex gap-2 mt-2 items-center">
        <Skeleton className="h-3 w-12" />
        <Skeleton className="h-3 w-16 ml-auto" />
      </div>
    </div>
  );
}