import Breadcrumbs from "@/components/breadcrumbs";
import BasicLayout from "./basic";

export default function VaultLayout(props: any) {
  return (
    <BasicLayout>
      <div className="bg-neutral-900 px-8">
        <Breadcrumbs />
      </div>
      <div className="min-h-screen p-8">
        <div className="mx-auto xl:max-w-7xl max-w-6xl">
          <div className="prose prose-h1:my-0 lg:prose-base prose-sm max-w-none prose-headings:font-serif prose-lead:leading-normal prose-lead:font-display prose-blockquote:border-teal-500 prose-blockquote:bg-white prose-blockquote:font-serif prose-blockquote:shadow-md prose-table:text-sm prose-table:whitespace-nowrap prose-th:font-display prose-thead:whitespace-normal prose-th:p-2 prose-thead:shadow-sm prose-th:align-bottom prose-thead:bg-white">
            <main {...props} />
          </div>
        </div>
      </div>
    </BasicLayout>
  );
}