import { MediaFile } from "../db";
import { useInlineScript } from "../framework/page-resources";
import { Readme } from "../media/cotyledon";
import { MediaPanel } from "../pages-dynamic/file_viewer";
import "../media/files.css";

export const theme = {
  bg: "#312652",
  fg: "#f0f0ff",
  primary: "#fabe32",
};

export default function CotyledonPage() {
  useInlineScript("canvas_cotyledon");
  useInlineScript("file_viewer");
  return (
    <div class="files ctld ctld-et">
      <MediaPanel
        file={MediaFile.getByPath("/")!}
        isLast={false}
        activeFilename={null}
        hasCotyledonCookie={true}
      />
      <Readme />
    </div>
  );
}
