import{r as a,j as t}from"./react-WWJ_A68P.js";import{u as I,L as k}from"./react-router-dom-B4YB8MrN.js";import{d as n}from"./dayjs-CZ9ViMNG.js";import{i as C}from"./@fxts-cXD7MMns.js";import{u as T}from"./useInfiniteBoardArticleList-CMBoDNKs.js";import{d as r}from"./styled-components-BHeWolSk.js";import{a as c,W as E,aW as P,T as D,P as L,_ as F,U as H,aX as z}from"./index-BPJ5U2d6.js";import{u as Y}from"./useInput-DBpVLyZx.js";import"./call-bind-oCmkau44.js";import"./get-intrinsic-BKEvijrG.js";import"./es-errors-DzOT6E3C.js";import"./has-symbols-eVqrYdw7.js";import"./has-proto-JnoBQRdH.js";import"./function-bind-BbkWVFrm.js";import"./hasown-DYqjtFKE.js";import"./set-function-length-B5OANX0j.js";import"./define-data-property-DO9o5wXF.js";import"./es-define-property-tzmkNPou.js";import"./gopd-CEkvUycD.js";import"./has-property-descriptors-DphFXkuo.js";import"./react-dom-CvjNlBjt.js";import"./scheduler-CzFDRTuY.js";import"./react-router-BOGNRwMt.js";import"./@remix-run-DhIrJP8L.js";import"./@tanstack-BR86rpua.js";import"./@emotion-DwO3GsBP.js";import"./hoist-non-react-statics-Buxaj0Kl.js";import"./react-is-8JwjhRSi.js";import"./stylis-YPZU7XtI.js";import"./react-helmet-async-jeYtsOp6.js";import"./react-fast-compare-Dxyd5FYM.js";import"./invariant-Bm-uj-iG.js";import"./shallowequal-F1vAqOm6.js";import"./react-redux-DlpFpBQ0.js";import"./use-sync-external-store-KK8Bpy9o.js";import"./redux-persist-Cbb21slr.js";import"./redux-DITMfSWq.js";import"./usehooks-ts-CCkIaz9n.js";import"./lodash.debounce-CDHjgjOA.js";import"./framer-motion-DbOul5S8.js";import"./axios-Da_2YOEl.js";import"./crypto-js-C0tVhymU.js";import"./universal-cookie-Cmu-M0pA.js";import"./react-error-boundary-DEyRbsfJ.js";import"./dompurify-CqxHTgmJ.js";import"./react-device-detect-BAEcyX2V.js";import"./ua-parser-js-BBZA8f28.js";import"./qs-LNWgR29u.js";import"./side-channel-CpYS7sho.js";import"./object-inspect-CL2AiSqO.js";import"./@reduxjs-DYPsSoVN.js";import"./immer-DqxjFn0G.js";import"./redux-thunk-ClJT1hhx.js";import"./redux-logger-B8JP_rc7.js";import"./qrcode.react-CJWQPexu.js";import"./swiper-DLv7ejQn.js";import"./@hookform-Dc6jS12O.js";import"./react-hook-form-BJXGuiwr.js";import"./@marsidev-F19kFZ1X.js";import"./currency.js-9OAR_aOO.js";import"./react-select-CI241hL_.js";import"./@babel-CabbEptY.js";import"./@floating-ui-NvD4EidW.js";import"./use-isomorphic-layout-effect-MPmsYcaj.js";import"./memoize-one-BdPwpGay.js";import"./styled-reset-B7ZXsPC1.js";/* empty css                   */const $=r.div`
    background: #fff;
    padding-bottom: 27px;
`,B=r.h1`
    font-size: 1.8rem;
    ${c.bold};
    margin: 12px 0;
    padding: 0 20px;
    color: var(--color-textPrimary);
`,V=r.ul`
    list-style: none;
    animation: ${E} 0.3s ease-in-out;
`,M=r.li`
    display: flex;
    flex-direction: column;
    padding: 20px;
    border-bottom: 1px solid #e9eaef;
    &:last-child {
        border-bottom: none;
    }
`,O=r.h2`
    display: flex;
    align-items: flex-start;
    font-size: 1.4rem;
    ${c.regular};
    color: var(--color-textPrimary);
    cursor: pointer;
    > svg {
        margin-right: 4px;
        width: 18px;
        height: 18px;
        flex-shrink: 0;
    }
`,R=r.p`
    font-size: 1.2rem;
    color: var(--color-textGray);
    margin-top: 8px;
`,W=r.button`
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 16px 0;
    margin-left: 20px;
    font-size: 1.5rem;
    ${c.regular};
    gap: 4px;
    width: calc(100% - 40px);
    height: 44px;
    border: 1px solid #d4d5da;
    border-radius: 8px;
    background: #fff;

    > svg {
        margin-bottom: 2px;
    }
`,A=r.form`
    padding: 8px 0;
`,G=r.label`
    border-radius: 100px;
    border: 1px solid #e9eaef;
    padding: 16px 16px 14px 16px;
    width: calc(100% - 40px);
    height: 48px;
    margin-left: 20px;
    display: flex;
    align-items: center;

    > svg {
        margin-right: 10px;
    }

    input {
        width: 100%;
        padding-top: 2px;
        &::placeholder {
            font-size: 1.5rem;
            color: #b3b4b9;
        }
    }
`,o={NoticeContainer:$,NoticeTitle:B,NoticeList:V,NoticeItem:M,NoticeItemTitle:O,NoticeItemDate:R,NoticeButton:W,SearchInputLabel:G,FormContainer:A},U=m=>a.createElement("svg",{width:18,height:18,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",...m},a.createElement("circle",{cx:9,cy:9,r:7,fill:"#FF5F00"}),a.createElement("path",{d:"M12 12.5H10.4687L7.87801 8.71961H7.82986V12.5H6V5.5H7.56019L10.1124 9.26105H10.1701V5.5H12V12.5Z",fill:"white"})),ao=()=>{var d;const[m,x]=I({keyword:""}),{value:l,onChange:h,setValue:g}=Y(""),i=m.get("keyword")||"",f=n(),{data:e,fetchNextPage:u,hasNextPage:N,isFetched:b}=T({boardNo:z.NOTICE,searchParams:{pageNumber:1,pageSize:6,keyword:i,hasTotalCount:!0}});a.useEffect(()=>{i&&g(i)},[i]);const j=s=>{s.preventDefault(),x({keyword:l},{replace:!0})},w=()=>{u()},y=C((d=e==null?void 0:e.pages[0])==null?void 0:d.data.items[0]);return t.jsxs(o.NoticeContainer,{children:[t.jsx(o.FormContainer,{onSubmit:j,children:t.jsxs(o.SearchInputLabel,{children:[t.jsx(P,{}),t.jsx("input",{placeholder:"검색어를 입력해주세요",onChange:h,value:l})]})}),t.jsx(o.NoticeTitle,{children:"해피마켓에서 알려드립니다"}),b?y?t.jsx(D,{text:i?"검색 결과가 없습니다.":"공지사항이 없습니다."}):t.jsxs(t.Fragment,{children:[t.jsx(o.NoticeList,{children:e==null?void 0:e.pages.map(s=>s.data.items.map(p=>{const S=n(p.registerYmdt).format("YYYY-MM-DD"),v=f.diff(n(p.registerYmdt),"hour")<24;return t.jsx(o.NoticeItem,{children:t.jsxs(k,{to:`${L.BOARDS.NOTICE.LIST}/${p.articleNo}`,children:[t.jsxs(o.NoticeItemTitle,{children:[v&&t.jsx(U,{}),p.title]}),t.jsx(o.NoticeItemDate,{children:S})]})},p.articleNo)}))}),N&&t.jsxs(o.NoticeButton,{onClick:w,children:[t.jsx("span",{children:"더보기"}),t.jsx(F,{})]})]}):t.jsx(H,{})]})};export{ao as default};