// 우수토실

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);