import { IMAGE_ROOT } from '@/shared/constants/common';
import { HomeNoticeList } from './home-notice-list'; 
import { BoxContainer1 } from './day-status-box-container1';
import { BoxContainer2 } from './day-status-box-container2';
export const DayStatusBox = () => {
  return (
    <>
      <div className="day-status">
        <div className="day-tab">
          <div>2025.06.16</div>
          <div>
            <button className="day-tab-btn active" data-target="one">일</button>
            <button className="day-tab-btn" data-target="two">월</button>
          </div>
        </div>
        <div className="con-box one active">
          { <BoxContainer1></BoxContainer1> }
        </div>
        <div className="con-box two">
          { <BoxContainer2></BoxContainer2> }
        </div>
        <div className="swiper-banner">
          <div className="banner-wrapper">
            <div className="banner-slide active">
              <div className="banner-content">
                <img src={ IMAGE_ROOT + '/home-banner01.png' } alt="배너 이미지" />
              </div>
            </div>
            <div className="banner-slide">
              <div className="banner-content">
                <img src={ IMAGE_ROOT + '/home-banner01.png' } alt="배너 이미지" />
              </div>
            </div>
            <div className="banner-slide">
              <div className="banner-content">
                <img src={ IMAGE_ROOT + '/home-banner01.png' } alt="배너 이미지" />
              </div>
            </div>
          </div>
          <div className="banner-pagination">
            <span className="banner-dot active" data-slide="0"></span>
            <span className="banner-dot" data-slide="1"></span>
            <span className="banner-dot" data-slide="2"></span>
          </div>
        </div>
        { <HomeNoticeList></HomeNoticeList> }
      </div>
    </>
  );
};