38 lines
1.0 KiB
TypeScript
38 lines
1.0 KiB
TypeScript
// 우수토실
|
|
|
|
import { YearRangeSelectBox } from '@/components/ui/YearRangeSelectBox';
|
|
import { Button } from '@common/components';
|
|
import React from 'react';
|
|
|
|
interface StofcbrProps {
|
|
yearFilter: { start: string; end: string };
|
|
setYearFilter: (filter: { start: string; end: string }) => void;
|
|
handleSearch: () => void;
|
|
}
|
|
|
|
const Stofcbr: React.FC<StofcbrProps> = ({
|
|
yearFilter,
|
|
setYearFilter,
|
|
handleSearch,
|
|
}) => {
|
|
return (
|
|
<div className="mb-3">
|
|
{/* 설치년도 */}
|
|
<div className="flex items-center mb-2">
|
|
<YearRangeSelectBox
|
|
start={yearFilter.start}
|
|
end={yearFilter.end}
|
|
onChange={range => setYearFilter({ ...yearFilter, start: range.start, end: range.end })}
|
|
startLabel="설치년도"
|
|
endLabel=""
|
|
/>
|
|
{/* 조회 버튼 */}
|
|
<div className="flex-1 flex justify-end">
|
|
<Button className="text-base py-2" onClick={handleSearch}>조회</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default React.memo(Stofcbr); |