import styled from 'styled-components';
import * as React from 'react';

const StyledMenu = styled.div<{show: boolean}>` 
    position: absolute;
    min-width: 50px;
    background: ${props => props.theme.colorPalette.primary.main};
    color: ${props => props.theme.colorPalette.primary.fontColor};
    z-index: 99999;
    box-shadow: 3px 0px 6px 0px ${props => props.theme.colorPalette.primary.fontColor};
    border-radius: 2px;
    ${ props => !props.show && 'opacity: 0;' }
`;

export default StyledMenu;
