/
Derrri
/
react-diplom-gg
Обзор
Документация
Войти
/
Derrri
/
react-diplom-gg
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/Admin/AdminControlComponents/WrappComp.jsx
36 строк
1 KB
Derrri
Финал работы
29 апр 2025, 23:08
29 апр 2025, 23:08
914ee7b
Код
Авторство
О чём код?
import React, { useState } from "react"; import downArrow from "../../../assets/down-arrow.png"; const WrappComp = ({ title, sectionClass, children, isFirst, isLast }) => { const [isOpen, setIsOpen] = useState(true); const toggleSection = () => { setIsOpen((prevState) => !prevState); }; return ( <section className={`admin__section ${sectionClass}`}> <div className="admin__header" onClick={toggleSection}> <h2 className={`admin__header_text ${ isFirst ? "admin__header_text-first" : "" } ${isLast ? "admin__header_text-last" : ""}`} > {title} </h2> <img src={downArrow} alt="Скрыть/раскрыть раздел" className={`admin__header_arrow ${ !isOpen ? "admin__header_arrow-hide" : "" }`} /> </div> <div className={`admin__wrapper ${!isOpen ? "admin__wrapper-hide" : ""} ${isLast ? 'admin__wrapper-last' : ''}`}> {children} </div> </section> ); }; export default WrappComp;