src/shared/SelectMenu.jsx - master - Necoray/tactic-hack

src/shared/SelectMenu.jsx
45 строк3 KB
Роман Тихонов
files uploaded
23 янв 2025, 23:23
23 янв 2025, 23:231031718
import React from 'react'
import ScrollList from './components/scrollList'
import Checkbox from './components/Checkbox'
import Button from './components/Button'

export default function SelectMenu({ ...props }) {

    const applyButtonContent = 'Применить'

    return (
        <div className="select-menu" closed={props.isClosed} >
            <div className="select-menu-title">
                <p className="select-menu-title-text">{props.title}</p>
                <Button className='select-menu-closeButton' refStyle><img src="/UI/closeIcon.svg" alt="Закрыть" /></Button>
            </div>

            <ScrollList className='select-menu-scrollList'>
                <Checkbox label='Лавочка' name={undefined}></Checkbox>
                <Checkbox label='Лавочка' name={undefined}></Checkbox>
                <Checkbox label='Лавочка' name={undefined}></Checkbox>
                <Checkbox label='Лавочка' name={undefined}></Checkbox>
                <Checkbox label='Лавочка' name={undefined}></Checkbox>
                <Checkbox label='Лавочка' name={undefined}></Checkbox>
                <Checkbox label='Лавочка' name={undefined}></Checkbox>
                <Checkbox label='Лавочка' name={undefined}></Checkbox>
                <Checkbox label='Лавочка' name={undefined}></Checkbox>
                <Checkbox label='Лавочка' name={undefined}></Checkbox>
                <Checkbox label='Лавочка' name={undefined}></Checkbox>
                <Checkbox label='Лавочка' name={undefined}></Checkbox>
                <Checkbox label='Лавочка' name={undefined}></Checkbox>
                <Checkbox label='Лавочка' name={undefined}></Checkbox>
                <Checkbox label='Лавочка' name={undefined}></Checkbox>
                <Checkbox label='Лавочка' name={undefined}></Checkbox>
                <Checkbox label='Лавочка' name={undefined}></Checkbox>
                <Checkbox label='Лавочка' name={undefined}></Checkbox>
                <Checkbox label='Лавочка' name={undefined}></Checkbox>
                <Checkbox label='Лавочка' name={undefined}></Checkbox>
            </ScrollList>
            <div className="select-menu-buttons">
                <Button className="select-menu-button select-menu-button-reset" darkStyle>Сбросить</Button>
                <Button className="select-menu-button select-menu-button-apply" contrastStyle>{applyButtonContent}</Button>
            </div>
        </div>
    )
}