import React, { FunctionComponent } from 'react';
import { View } from '../Models/View';

export interface WrapperProps {
    show?: boolean;
    view?: View;
}

const Wrapper: FunctionComponent<WrapperProps> = ({ children, show, view }) => {
    return (
        <div 
            className={ `fixed h-screen w-screen ${show ? 'block' : 'hidden'}` }
            data-testid={ view ? `view-${view.type}-${view.id}` : 'view-idle' }
        >
            { children }
        </div>
    );
};
 
export default Wrapper;