import React from "react";
import "./clear-button.scss";
import clearIcon from "../../../assets/images/close.svg";
import clearIconWhite from "../../../assets/images/close-white.svg";
import {Dayjs} from "dayjs";

type ClearButtonProps = {
    term: string | Date | Dayjs;
    clear: () => void;
    theme?: string
};

const ClearButton = ({clear, term, theme='default' }: ClearButtonProps) => {


    return (
        term !== "" ? (
            <button
                type={'button'}
                title={'κάντε click για εκκαθάριση'}
                id={'clear-btn'}
                className={'clear-btn'}
                onClick={clear}
            >
                <img src={theme=='default' ? clearIcon : theme =='single' ? clearIconWhite : clearIcon} alt={'εκκαθάριση'} />
            </button>
        ) : null
    );
};

export default ClearButton;