frontend/apps/st/src/components/statistics/management/StatisticsReviewHistory.tsx

import { useState } from "react";

import { DataGrid } from "@rsone/components";
import SearchForm from "@/components/module/SearchForm";
import type { ColumnConfig } from "@/components/type/DataGrid.type";

const StatisticsReviewHistory = () => {
    const [rowData, setRowData] = useState<Record<string, string | number>[]>([]);

    const columns: ColumnConfig[] = [
        { name: 'sido', fieldName: '시도', header: { text: '시도' }, mergeCells: true, editable: false, sortdisable: true },
        { name: 'sgg', fieldName: '시군구', header: { text: '시군구' }, mergeCells: true, editable: false, sortdisable: true },
        { name: '구분', fieldName: '구분', header: { text: '구분' }, editable: false, sortdisable: true },
        { name: '광역자치단체', fieldName: '광역자치단체', header: { text: '광역자치단체' }, editable: false, sortdisable: true },
        { name: '공단', fieldName: '공단', header: { text: '공단' }, editable: false, sortdisable: true },
        { name: '처리내역', fieldName: '처리내역', header: { text: '처리내역' }, editable: false, sortdisable: true },
    ];

    const columnLayout = [
        'sido',
        'sgg',
        '구분',
        {
            name: 'groupA',
            hideChildHeaders: false,
            header: { text: '검토내역' },
            items: ['광역자치단체', '공단', '처리내역'],
        },
    ];

    return (
        <>
            <SearchForm />
            <DataGrid columnInfo={{ columns, columnLayout }} rowStartNum={2} fixedColumns={3} rowData={rowData} setRowData={setRowData} isExcelImport={false} />
        </>
    );
};

export default StatisticsReviewHistory;