src/components/modals/UploadFileWindow/UploadFileWindow.jsx - master - DevDenzo/ERP

src/components/modals/UploadFileWindow/UploadFileWindow.jsx

46 строк2 KB

Denis Sklyarskij

Инициализирован репозиторий

14 янв 2026, 23:32

14 янв 2026, 23:321df3d47

import React, { memo } from 'react';
import classNames from 'classnames';
import PropTypes from 'prop-types';

const UploadFileWindow = memo(({ isVisible, handlerClick, children }) => (
    <div
        className={classNames('modal', 'upload-file-window')}
        style={{ display: isVisible ? 'block' : 'none' }}
    >
        <div className={classNames('modal-dialog', 'upload-file-window__dialog')}>
            <div
                className={classNames('modal-content', 'upload-file-window__content')}
            >
                <div className={classNames('modal-header', 'upload-file-window__header')}>
                    <h5 className={classNames('upload-file-window__title')}>Upload title</h5>
                </div>
                <div className={classNames('modal-body', 'upload-file-window__body')}>
                    {children}
                </div>
                <div className={classNames('modal-footer', 'upload-file-window__footer')}>
                    <button
                        type="button"
                        className={classNames('btn', 'btn-light', 'upload-file-window__button-close')}
                        onClick={handlerClick}
                    >
                        Закрыть
                    </button>
                    <button
                        type="button"
                        className={classNames('btn', 'btn-light', 'upload-file-window__button-upload')}
                    >
                        Загрузить
                    </button>
                </div>
            </div>
        </div>
    </div>
));

UploadFileWindow.propTypes = {
    isVisible: PropTypes.bool.isRequired,
    handlerClick: PropTypes.func.isRequired,
    children: PropTypes.node.isRequired,
};

export default UploadFileWindow;