import Image from "next/image"

import { Mail } from "./components/mail"
import { accounts, mails } from "./data"

export default function MailPage() {
  const layout = [20, 32, 48]; //cookies().get("react-resizable-panels:layout:mail")
  const collapsed = false; //cookies().get("react-resizable-panels:collapsed")

  const defaultLayout = layout// ? JSON.parse(layout.value) : undefined
  const defaultCollapsed = collapsed //? JSON.parse(collapsed.value) : undefined


  return (
    <>
      <div className="flex-col md:flex">
        <Mail
          accounts={accounts}
          mails={mails}
          defaultLayout={defaultLayout}
          defaultCollapsed={defaultCollapsed}
          navCollapsedSize={4}
        />
      </div>
    </>
  )
}
