import { SkeletonRow } from '#/components/molecules/skeleton-row.jsx';

/** A commit subject varies in length; the author line and the short sha do
 * not. */
const ROWS = [
  { key: 'a', title: 'w-56' },
  { key: 'b', title: 'w-40' },
  { key: 'c', title: 'w-64' },
  { key: 'd', title: 'w-44' },
  { key: 'e', title: 'w-52' },
];

/** The commit list, as placeholders, shown while the history loads. */
export function CommitLogSkeleton() {
  return (
    <div className="rounded-2xl border border-border bg-card px-2 py-1">
      {ROWS.map((row) => (
        <SkeletonRow
          key={row.key}
          title={row.title}
          description="w-32"
          action="w-12"
        />
      ))}
    </div>
  );
}