import { useState, type ReactNode } from 'react';

 import { useBlockingAction } from '@/app/_hooks/use-blocking-action';

 import { FoxButton } from '@fox/core/components/fox-button';

 import { FoxIconButton } from '@fox/core/components/fox-icon-button';

 import { FoxListContainer } from '@fox/core/components/fox-list-container';

 import { FoxSelectText } from '@fox/core/components/fox-select-text';

 import type { BoardPost, BoardType } from '@/lib/domain/board-post';

 import type { CommonCode } from '@/lib/domain/common-code';

 import {

   BOARD_PAGE_SIZE_OPTIONS,

   BOARD_SEARCH_FIELDS,

   FILTER_ALL,

     router.replace(buildBoardPostHref(boardType, query, { ...patch, page: 1 }));

   }

   return (

     <>

       <FoxListContainer<BoardPost>

         title={title}

         breadcrumb={breadcrumb}

         caption={title}

         searchField={query.searchField}

         keyword={query.keyword}

         toolbarActions={

         }

         filter={

           <div className={styles.filter}>

 'use client';

 import { useRouter } from 'next/navigation';

 import { FoxButton } from '@fox/core/components/fox-button';

 import { FoxButtonGroup } from '@fox/core/components/fox-button-group';

 import { FoxSelectText } from '@fox/core/components/fox-select-text';

   buildContentHref,

   contentBreadcrumb,

   contentCreatePath,

   type ContentPageSize,

   type ContentQuery,

   type ContentSortOption,

     router.push(buildContentHref(kind, query, patch));

   }

   return (

     <FoxListContainer<T>

       title={`콘텐츠 목록 (${CONTENT_KIND_LABEL[kind]})`}

       breadcrumb={contentBreadcrumb(kind)}

       caption={`${CONTENT_KIND_LABEL[kind]} 콘텐츠 목록`}

       searchPlaceholder="검색어를 입력하세요."

       toolbarActions={

         <FoxButtonGroup size="md">

           {extraActions}

           <FoxButton

             type="primary"

 import { useRouter } from 'next/navigation';

 import { useState } from 'react';

 import { FoxButton } from '@fox/core/components/fox-button';

 import {

   FoxListContainer,

   type FoxListColumn,

   type DecorationItemPageSize,

   type DecorationItemQuery,

   type DecorationItemSearchField,

 } from '@/lib/domain/decoration-item-query';

 import { DecorationItemCreateModal } from './decoration-item-create-modal';

 import { DecorationItemRowActions } from './decoration-item-row-actions';

   /** 목록 조건이 바뀌면 늘 1페이지로 되돌린다 — 이전 페이지 번호는 새 조건에서 의미가 다르다. */

   function go(patch: Partial<DecorationItemQuery>) {

     router.replace(buildDecorationItemHref(query, { ...patch, page: 1 }));

   }

   const columns: FoxListColumn<DecorationItem>[] = [

   return (

     <>

       <FoxListContainer<DecorationItem>

         title="꾸미기 아이템 목록"

         breadcrumb={[

           { label: '홈', href: '/' },

         searchField={query.searchField}

         keyword={query.keyword}

         toolbarActions={

         }

         page={currentPage}

         totalPages={totalPages}

     router.replace(buildPointAccountHref(query, { ...patch, page: 1 }));

   }

   function selectedNumber(value: number | null) {

     return value === null ? FILTER_ALL : String(value);

   }

   return (

     <>

       <FoxListContainer<PointAccount>

         title="누적포인트 관리 목록"

         breadcrumb={[

           { label: '홈', href: '/' },

         keyword={query.keyword}

         searchPlaceholder="검색어를 입력하세요."

         toolbarActions={

         }

         page={currentPage}

         totalPages={totalPages}

     router.replace(buildPointStandardHref(query, { ...patch, page: 1 }));

   }

   const columns: FoxListColumn<PointStandard>[] = [

     {

       key: 'no',

   return (

     <>

       <FoxListContainer<PointStandard>

       title="포인트 기준관리 목록"

       breadcrumb={[

         { label: '홈', href: '/' },

       searchPlaceholder="검색어를 입력하세요."

       toolbarActions={

         <FoxButtonGroup size="md">

           <FoxButton

             type="primary"

             size="md"

 import { useBlockingAction } from '@/app/_hooks/use-blocking-action';

 import { formatOptionalValue, type BannedWord } from '@/lib/domain/banned-word';

 import {

   BANNED_WORD_NEW_PATH,

   BANNED_WORD_PAGE_SIZE_OPTIONS,

   buildBannedWordHref,

   function go(patch: Partial<BannedWordQuery>) {

     router.replace(buildBannedWordHref(query, { ...patch, page: 1 }));

   }

   function runDelete(word: BannedWord) {

   return (

     <>

       <FoxListContainer<BannedWord>

         title="금칙어관리"

         breadcrumb={[

           { label: '홈', href: '/' },

         searchPlaceholder="금칙어를 입력하세요."

         toolbarActions={

           <>

             <FoxButton

               type="secondary"

               size="md"

 import { useRouter } from 'next/navigation';

 import { useState } from 'react';

 import { FoxButton } from '@fox/core/components/fox-button';

 import { FoxHeadingGroup } from '@fox/core/components/fox-heading-group';

 import {

   FoxListContainer,

 import {

   COMMON_CODE_PAGE_SIZE,

   COMMON_CODE_SEARCH_FIELD_OPTIONS,

   buildCommonCodeHref,

   type CommonCodeQuery,

   type CommonCodeSearchField,

   function go(patch: Partial<CommonCodeQuery>) {

     router.replace(buildCommonCodeHref(query, patch));

   }

   /**

         <section className={styles.panel}>

           <FoxHeadingGroup title="공통코드 목록" />

           <FoxListContainer<CommonCodeGroup>

             caption="공통코드 목록"

             columns={groupColumns}

             rows={groups}

             searchField={query.searchField}

             keyword={query.keyword}

             toolbarActions={

             }

             onRowSelect={(row) => go({ comCd: row.comCd })}

             page={groupPage}

           </div>

           <FoxButtonGroup size="md">

             <FoxButton type="secondary" size="md" label="적용" onAction={applyFilters} />

           </FoxButtonGroup>

         </div>

       }