import React from "react";

type TFilterHeaderProps = {
  title: string;
  withResetButton?: boolean;
  handleReset: () => void;
  buttonText?: string;
};

const FilterHeader = ({
  title,
  withResetButton = true,
  handleReset,
  buttonText = "Reset",
}: TFilterHeaderProps) => {
	return (
		<div className='flex justify-between'>
			<p className='text-[14px] leading-[140%] text-[#6E6E6E]'>{title}</p>
			{withResetButton && (
				<button
					className='text-[14px] leading-[140%] text-[#9B9B9B] cursor-pointer'
					onClick={handleReset}>
					{buttonText}
				</button>
			)}
		</div>
	);
};

export default FilterHeader;