'use client'

import CanvasMenu from '@/components/floor-plan/CanvasMenu'
import SettingModal01 from '@/components/floor-plan/modal/settoing01/SettingModal01'
import { useState } from 'react'
import CanvasLayout from '@/components/floor-plan/CanvasLayout'
import '@/styles/contents.scss'

export default function FloorPlan() {
  const [modalOpen, setModalOpen] = useState('option')
  return (
    <>
      <div className="canvas-wrap">
        <CanvasMenu modalOpen={modalOpen} setModalOpen={setModalOpen} />
        <div className="canvas-content">
          <CanvasLayout />
          {modalOpen === 'option' && <SettingModal01 modalOpen={modalOpen} setModalOpen={setModalOpen} />}
        </div>
      </div>
    </>
  )
}