import { range } from "lodash-es";
export const MembersLayoutLoader = () => (
  <div className="flex gap-5 py-1.5 overflow-x-auto">
    {range(5).map((columnIndex) => (
      <div key={columnIndex} className="flex flex-col gap-3">
        <div className={`flex items-center justify-between h-9 ${columnIndex === 0 ? "w-80" : "w-36"}`}>
          <span className="h-6 w-24 bg-custom-background-80 rounded animate-pulse" />
        </div>
        {range(2).map((cardIndex) => (
          <span className="h-8 w-full bg-custom-background-80 rounded animate-pulse" key={cardIndex} />
        ))}
      </div>
    ))}
  </div>
);
