import { useState } from 'react'
import { MDInformation } from '@/features/chat/components/menu/MDInformation'
import { NegoStep } from '@/features/chat/components/menu/NegoStep'
import { Guide } from '@/features/chat/components/menu/Guide'
import { Contact } from '@/features/chat/components/menu/Contact'

export function MenuSection() {
  const [isMDOpen, setIsMDOpen] = useState(true)
  const [isStepOpen, setIsStepOpen] = useState(true)

  return (
    <div className="flex flex-col w-[360px] h-full pt-[64px] pr-[24px]">
      <div className="flex flex-col flex-1 gap-[28px]">
        <MDInformation isOpen={isMDOpen} setIsOpen={setIsMDOpen} />
        <NegoStep isOpen={isStepOpen} setIsOpen={setIsStepOpen} />
        <Guide />
      </div>
      <Contact />
    </div>
  )
}