import React, { useState } from "react"; import { Link } from "react-router-dom"; import { Carousel } from "@trendyol-js/react-carousel"; import Book from "../../../Landscape/Page1/Book"; import Lights from "../../../Landscape/Page1/Lights"; import Video from "../../../../../components/JolPlayer"; import arrow from "../../../../../assets/icons/dropdown-blue.svg"; import olum1Image from "../../../../../assets/images/olum-1.svg"; import olum2Image from "../../../../../assets/images/olum-2.svg"; import olum4Image from "../../../../../assets/images/olum-4.svg"; import olum7Image from "../../../../../assets/images/olum-7.svg"; import zist11Image from "../../../../../assets/images/zist-11.svg"; import sheffImage from "../../../../../assets/images/sheff.svg"; import flatFlower from "../../../../../assets/icons/flat-flower-white.svg"; import jojoImage from "../../../../../assets/images/jojo.svg"; function Header({ list }) { const [show, setShow] = useState(2); return (
} leftArrow={ } > {list.map((book, index) => ( ))}
ورود به فروشگاه

یادگیری  

با طعم لذت

از اول تا یازدهم  

کنارتونیم

یادگیری جذاب  

و تعاملی

); } export default Header; Header.defaultProps = { list: [ { name: "زیست یازدهم", imageUrl: zist11Image, }, { name: "علوم دوم", imageUrl: olum2Image, }, { name: "علوم اول", imageUrl: olum1Image, }, { name: "علوم هفتم", imageUrl: olum7Image, }, { name: "علوم چهارم", imageUrl: olum4Image, }, { name: "علوم چهارم", imageUrl: olum4Image, }, { name: "علوم چهارم", imageUrl: olum4Image, }, ], };