import React, { useState } from "react"; 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 (
{items.map((item, index) => (

setSelectedYear(item)} className={`text-base my-2 cursor-pointer text-center ${ selectedYear === item ? "text-[#06BACE] font-bold text-2xl" : "text-gray-300" }`} > {item.year}

))}
فروردین اردیبهشت خرداد تیر مرداد شهریور مهر آبان آذر دی بهمن اسفند
{/*
{selectedYear?.components}
*/}
); }; export default SelectYear; SelectYear.defaultProps = { items: [ { year: "1400", components: , }, { year: "1399", components: , }, { year: "1398", components: , }, { year: "1397", components: , }, { year: "1396", components: , }, ], };