import { Loader } from "@/components/ai-elements/loader";

export function MessageListSkeleton() {
  return (
    <div className="flex w-full max-w-(--container-width-md) flex-1 items-center justify-center p-8">
      <Loader
        className="text-muted-foreground"
        size={28}
        role="status"
        aria-label="Loading"
      />
    </div>
  );
}