import React from 'react';
import { Menu as MuiDropDown } from '@mui/material';
import { DropDownBaseProps } from '../interfaces';
import { styled } from '@mui/material/styles';

const DropDownStyled = styled(MuiDropDown)({});

export const DropDown = ({ open, children, ...props }: DropDownBaseProps) => {
  
  return (
    <DropDownStyled
      open
      id="basic-menu"
      anchorEl={props.anchorEl}
      onClose={props.onClose}
      MenuListProps={{
        'aria-labelledby': 'basic-button',
      }}
      {...props}
    >
      {children}
    </DropDownStyled>
  );
};