Faris Faikar's Motto in Typescript Syntax Extension (TSX)

faris-faikar.tsx

import clsx from "clsx";

export default function FarisFaikar({ isDarkModeLover = true }: { isDarkModeLover: boolean }): React.ReactNode {
    const sendMessage = (sixMinutes: string, sixHours: string) => {
        return (`Never spend ${sixMinutes} doing something by hand ` + 
                `when you can spend ${sixHours} failing to automate it`);
    };

    return (
        <div className={clsx(
                "flex justify-center items-center text-center",
                isDarkModeLover ? "text-white bg-black" : "text-blue-600 bg-white",
            )}
        >
            {sendMessage("6 minutes", "6 hours")}
        </div>
    );
}