import React, { useState } from 'react'

interface CurrTimeStampAttrInt {
    type: string;
    handlePropertyChange: (changeTo: string, changeWith: string | boolean | number) => void;
}

const CurrTimeStampAttr: React.FC<CurrTimeStampAttrInt> = ({ type, handlePropertyChange}) => {

    const [isCurrentTimeStamp, setIsCurrentTimeStamp] = useState<boolean>(true);

    const handleIsCurrentTimeStamp = (checked: boolean) => {
        if (type.toLowerCase() === "temporal") {
            setIsCurrentTimeStamp(checked)
            handlePropertyChange("currentTimeStamp", checked);
        }
    }

    return (
        <div className="flex justify-between items-center border-1 p-1.5 rounded-sm border-slate-200">
            <label
                className="text-slate-600 transitions-all duration-150 font-medium"
                htmlFor="use_current_timestamp"
            >
                Use Current Timestamp
            </label>
            <input
                checked={isCurrentTimeStamp ? isCurrentTimeStamp : false}
                onChange={(e) => handleIsCurrentTimeStamp(e.target.checked)}
                id="use_current_timestamp"
                type="checkbox"
            />
        </div>
    )
}

export default CurrTimeStampAttr