import Footer from "@/components/layout/Footer";
import Header from "@/components/layout/Header";
import Image from "next/image";
import Link from "next/link";
import '@/styles/contents.scss';
import NoticeTable from "@/components/sub/community/notice/NoticeTable";
import NoticeDetailPop from "@/components/sub/community/notice/NoticeDetailPop";

export default function NoticePage(){
    return(
        <div className="wrap">
            <Header/>
            <div className="content">
                <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">
                        <NoticeTable/>
                    </div>
                </div>
            </div>
            <Footer/>

            {/* 공지사항 상세 */}
            <NoticeDetailPop/>
        </div>
    )
}