vitess.io/vitess@v0.16.2/web/vtadmin/src/components/dropdown/MenuItem.tsx (about)

     1  import React from 'react';
     2  import { Intent } from '../intent';
     3  
     4  interface MenuItemProps {
     5      className?: string;
     6      intent?: Intent;
     7      onClick?: () => void;
     8  }
     9  
    10  const MenuItem: React.FC<MenuItemProps> = ({ children, className, intent = 'none', ...props }) => {
    11      return (
    12          <button
    13              onMouseDown={(e) => e.preventDefault()}
    14              className={`transition-colors font-sans border-none text-left block px-6 py-4 hover:bg-gray-100 text-${intent} hover:text-${
    15                  intent === Intent.none ? 'vtblue' : intent
    16              } w-full ${className || ''}`}
    17              role="menuitem"
    18              tabIndex={-1}
    19              {...props}
    20          >
    21              {children}
    22          </button>
    23      );
    24  };
    25  
    26  export default MenuItem;