import WwwLevelItem from "@/avatar/WwwLevelItem";
import AvatarItem from "@/hall/AvatarItem";
import NoteItem from "@/note/NoteItem";

export const NoteLoading = ({ loadingCount }: { loadingCount: number }) => {
  return [...Array(loadingCount).keys()].map((i) => (
    <NoteItem
      key={i}
      noteID=""
      artist=""
      title="Loading…"
      genre=""
      levelText=""
      level={0}
    />
  ));
};

export const WwwLevelLoading = ({ loadingCount }: { loadingCount: number }) => {
  return [...Array(loadingCount).keys()].map((i) => (
    <WwwLevelItem
      key={i}
      levelID=""
      title="Loading…"
      date={0}
      levelText=""
      level=""
    />
  ));
};

export const AvatarLoading = ({ loadingCount }: { loadingCount: number }) => {
  return [...Array(loadingCount).keys()].map((i) => (
    <AvatarItem key={i} avatarID="" avatarName="Loading…" text="" />
  ));
};