import React, { ReactNode } from "react";
import StyledMenuItem from "./StyledMenuItem";

export type MenuItemProps = {
  children: ReactNode | string;
  className?:string;
  clickHandler: () => {};
};

const MenuItem: React.FC<MenuItemProps> = ({ children, className, clickHandler }) => {
  return <StyledMenuItem className={className} onClick={clickHandler}>{children}</StyledMenuItem>;
};

export default MenuItem;