export const HistoryControlsSkeleton = () => {
  return (
    <div className="flex items-center gap-x-2">
      <div className="h-4 w-40 bg-gray-200 dark:bg-gray-800 rounded"></div>
      <div className="h-4 w-32 bg-gray-200 dark:bg-gray-800 rounded"></div>
      <div className="h-4 w-28 bg-gray-200 dark:bg-gray-800 rounded"></div>
      <div className="h-4 w-20 bg-gray-200 dark:bg-gray-800 rounded"></div>
      <div className="h-4 w-32 bg-gray-200 dark:bg-gray-800 rounded"></div>
      <div className="h-4 w-44 bg-gray-200 dark:bg-gray-800 rounded"></div>
    </div>
  );
};
