import React from 'react'
import Link from 'next/link'
import Image from 'next/image'
import '@/styles/contents.scss'
import StuffHeader from '@/components/management/StuffHeader'
import StuffDetail from '@/components/management/StuffDetail'
export default function ManagementStuffDetailPage() {
  return (
    <>
      <div className="sub-header">
        <div className="sub-header-inner">
          <ul className="sub-header-title-wrap">
            <li className="title-item">
              <Link className="sub-header-title" href={'#'}>
                商品情報
              </Link>
            </li>
          </ul>
          <ul className="sub-header-location">
            <li className="location-item">
              <span className="home">
                <Image src="/static/images/main/home_icon.svg" alt="react" width={16} height={16} />
              </span>
            </li>
            <li className="location-item">
              <span>物品及び図面管理</span>
            </li>
            <li className="location-item">
              <span>商品情報</span>
            </li>
          </ul>
        </div>
      </div>
      <div className="sub-content">
        <div className="sub-content-inner">
          <div className="sub-content-box">
            <StuffHeader />
          </div>
          <div className="sub-content-box">
            <StuffDetail />
          </div>
        </div>
      </div>
    </>
  )
}
