import { BsDownload, BsSignTurnSlightLeft } from 'react-icons/bs';
import { FiLink } from 'react-icons/fi';
import { GoInfo, GoLinkExternal, GoShareAndroid } from 'react-icons/go';
import { LuPencilLine } from 'react-icons/lu';
import { RiDeleteBin6Line } from 'react-icons/ri';
import { __ } from '@wordpress/i18n';

export default function MultipleItemAction({ actionRef }) {
	const handleAction = (action, e) => {
	};

	return (
		<div className='edbi-menu-card context-menu edbi-multiple-item-action' ref={actionRef}>
			<div className='edbi-menu-item' onClick={() => handleAction('open')}>
				<GoLinkExternal className='edbi-right-icon' />{' '}
				{__('Open in Dropbox', 'easy-dropbox-integration')}
			</div>

			<div className='edbi-menu-item' onClick={() => handleAction('details')}>
				<GoInfo className='edbi-right-icon' /> {__('Details', 'easy-dropbox-integration')}
			</div>
			<div className='edbi-menu-divider'></div>

			<div className='edbi-menu-item' onClick={() => handleAction('direct-link')}>
				<FiLink className='edbi-right-icon' />{' '}
				{__('Direct Link', 'easy-dropbox-integration')}
			</div>

			<div className='edbi-menu-item' onClick={() => handleAction('share')}>
				<GoShareAndroid className='edbi-right-icon' />{' '}
				{__('Share', 'easy-dropbox-integration')}
			</div>
			<div className='edbi-menu-divider'></div>

			<div className='edbi-menu-item' onClick={() => handleAction('download')}>
				<BsDownload className='edbi-right-icon' />{' '}
				{__('Download', 'easy-dropbox-integration')}
			</div>

			<div className='edbi-menu-item' onClick={() => handleAction('move')}>
				<BsSignTurnSlightLeft className='edbi-right-icon' />{' '}
				{__('Move', 'easy-dropbox-integration')}
			</div>

			<div className='edbi-menu-item' onClick={() => handleAction('rename')}>
				<LuPencilLine className='edbi-right-icon' />{' '}
				{__('Rename', 'easy-dropbox-integration')}
			</div>
			<div className='edbi-menu-divider'></div>

			<div className='edbi-menu-item' onClick={() => handleAction('delete')}>
				<RiDeleteBin6Line className='edbi-right-icon' />{' '}
				{__('Delete', 'easy-dropbox-integration')}
			</div>
		</div>
	);
}