import React, { useState } from "react"; import ScrollContainer from "react-indiana-drag-scroll"; import "./index.scss"; import arrowDown from "./arrow-down.svg"; import arrowUp from "./arrow-up.svg"; import Month from "./Month.js"; const SelectYear = ({ items }) => { const [selectedYear, setSelectedYear] = useState(null); return (
{console.log(window.scrollY)}
{items.map((item, index) => (

{ setSelectedYear(item); }} key={index} className={`text-base my-2 cursor-pointer text-center transition ease-in-out delay-150 ${ selectedYear === item ? "text-[#06BACE] font-bold text-2xl" : "text-gray-500" }`} > {item.year}

))}
); }; export default SelectYear; SelectYear.defaultProps = { items: [ { year: "1400"}, { year: "1399"}, { year: "1398"}, { year: "1397"}, { year: "1396"}, { year: "1400"}, { year: "1399"}, { year: "1398"}, { year: "1397"}, { year: "1396"}, ], };