import React from 'react';
import classNames from 'classnames';

interface Props = {  position: string,
                styles: string, children: React.ReactNode }

export const Modals: React.FC<Props> = ({position, styles, children}) => {
    return(
        <div id="openModal" className={'modal'}>
            <div className={classNames('modal_dialog ', position)}>
                <div className={classNames('modal_content ', styles)}>
                    <div className='modal_body'>
                        {children}
                    </div>
                </div>
            </div>
      </div>
    )
}

export default Modal;