import type { Route } from "./+types/home";
import { getPicsumData } from "../api/picsum";
import { PhotoGallery } from "../ligonier/photo_gallery";

export function meta({}: Route.MetaArgs) {
  return [
    { title: "Ligonier Code Challenge" },
    { name: "description", content: "Welcome to React Router!" },
  ];
}

export async function loader(
	{request,
}: Route.LoaderArgs) {
	const data = await getPicsumData();
	return data;
}

export default function Home() {
  return (
	<PhotoGallery />
  );
}
