import { FC, PropsWithChildren } from 'react'

interface MessageMenuItemProps {
    icon: React.JSX.Element;
    className?: string;
}

const MessageMenuItem: FC<PropsWithChildren<MessageMenuItemProps>> = ({children, icon, className}) => {
    return (
        <button className={['hover:bg-gray-700 py-3 px-5 rounded-sm transition-all flex items-center text-white text-sm', className].join(' ')}><span className='text-xl mr-3'>{icon}</span>{children}</button>
    )
}

export default MessageMenuItem;