import React, { MouseEventHandler, useState } from "react"; type ThemeProps = { handleClick: MouseEventHandler; }; export default function Theme({ handleClick }: ThemeProps) { const [active, setActive] = useState(0); const onactive = "whitespace-nowrap px-5 text-sky-300 "; const offactive = "whitespace-nowrap px-5 "; const clickActive = (a: number) => { setActive(a); }; return (
clickActive(1)}>
clickActive(2)}>
clickActive(3)}>
clickActive(4)}>
clickActive(5)}>
clickActive(6)}>
clickActive(7)}>
clickActive(8)}>
clickActive(9)}>
clickActive(10)}>
clickActive(11)}>
); }