import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import { IMAGE_ROOT } from '@/shared/constants/common';

export const SettlementAgencyMemberWrap = () => {
  const { navigate } = useNavigate();

  const onClickRegister = () => {
    navigate(PATHS.additionalService.settlementAgency.register);
  };

  return (
    <>
      <div className="store-section">
        <div className="store-filter">
          <div className="store-input">
            <select className="flex-1">
              <option>nictest00m</option>
            </select>
          </div>
        </div>
        <div className="detail-divider"></div>
        <div className="store-list">
          <div className="store-item">
            <div className="store-line">
              <span className="dot blue"></span>
              <div className="store-name">BACK5(빽다방5프로)</div>
              <ul className="store-detail">
                <li className="line">수수료 : 1%, 반올림</li>
                <li className="line">과세 여부 : 과세, 절사</li>
                <li className="line">정산일 : 매월 15일</li>
              </ul>
            </div>
          </div>
          <div className="store-item">
            <div className="store-line">
              <span className="dot blue"></span>
              <div className="store-name">BACK5(빽다방5프로)</div>
              <ul className="store-detail">
                <li className="line">수수료 : 1%, 반올림</li>
                <li className="line">과세 여부 : 과세, 절사</li>
                <li className="line">정산일 : 매월 15일</li>
              </ul>
            </div>
          </div>
          <div className="store-item">
            <div className="store-line">
              <span className="dot blue"></span>
              <div className="store-name">BACK5(빽다방5프로)</div>
              <ul className="store-detail">
                <li className="line">수수료 : 1%, 반올림</li>
                <li className="line">과세 여부 : 과세, 절사</li>
                <li className="line">정산일 : 매월 15일</li>
              </ul>
            </div>
          </div>
          <div className="store-item">
            <div className="store-line">
              <span className="dot blue"></span>
              <div className="store-name">BACK5(빽다방5프로)</div>
              <ul className="store-detail">
                <li className="line">수수료 : 1%, 반올림</li>
                <li className="line">과세 여부 : 과세, 절사</li>
                <li className="line">정산일 : 매월 15일</li>
              </ul>
            </div>
          </div>
          <div className="store-item">
            <div className="store-line">
              <span className="dot blue"></span>
              <div className="store-name">BACK5(빽다방5프로)</div>
              <ul className="store-detail">
                <li className="line">수수료 : 1%, 반올림</li>
                <li className="line">과세 여부 : 과세, 절사</li>
                <li className="line">정산일 : 매월 15일</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </>
  );
};