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

type Props = {  position: string;
                styles: string };

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

export default Modal;