function NewPostForm({ user }: {user: User}) {
    const [content, setContent] = useState('')
    let formStyleArray;
    let backgroundStyleArray;
    const {isFormOpen, setIsFormOpen} = useContext(FormContext);
    let createPostWithAuthor = createPost.bind(null, user.id, content)
    
    // TODO Throw a visible error to the user
  return (
    <div className={`fixed w-full bg-black h-full grid place-items-center z-10 transition-all ${isFormOpen ? 'bg-opacity-50' : 'bg-opacity-0 invisible'}`} onClick={() => setIsFormOpen(false)}>
      <form action={createPostWithAuthor} className={`flex flex-col bg-neutral-800 h-[98%] border-neutral-700 border-solid w-1/2 rounded-t-xl p-4 bottom-0 absolute transition-all ${isFormOpen ? 'translate-y-0' : 'translate-y-full'}`} onClick={(e) => e.stopPropagation()}>
          <div className='flex flex-row justify-end items-center gap-2'>
            <input className={`bg-transparent w-full text-2xl font-bold p-2 outline-none`} type="text" placeholder='Title' name='title'/>
            <button className='bg-black h-9 px-2 rounded-md border-white border-2 border-opacity-30'><FaPlus/></button>
            <SubmitButton/>
          </div>
          <Editor setContent={setContent}/
      </form>
    </div>
  )
}