/home/edulekha/heavenbuildpro.com/wp-content/plugins/extendify/src/Draft/components/DraftMenu.js
import { MenuGroup, MenuItem } from '@wordpress/components'
import { __ } from '@wordpress/i18n'
import { Icon } from '@wordpress/icons'
import { pencil } from '@draft/svg'

export const DraftMenu = ({ disabled, setInputText, setReady }) => {
    const handleClick = (inputText) => {
        setInputText(inputText)
        setReady(false)
    }

    return (
        <MenuGroup>
            <MenuItem
                disabled={disabled}
                onClick={() =>
                    handleClick(
                        __('Write a blog post about', 'extendify') + ' ',
                    )
                }
                className="group">
                <Icon
                    icon={pencil}
                    className="flex-shrink-0 group-hover:text-current text-design-main fill-current w-5 h-5 mr-2"
                />
                <span className="whitespace-normal text-left">
                    {__('Blog post…', 'extendify')}
                </span>
            </MenuItem>
            <MenuItem
                disabled={disabled}
                onClick={() =>
                    handleClick(__('Write an outline for', 'extendify') + ' ')
                }
                className="group">
                <Icon
                    icon={pencil}
                    className="flex-shrink-0 group-hover:text-current text-design-main fill-current w-5 h-5 mr-2"
                />
                <span className="whitespace-normal text-left">
                    {__('Outline…', 'extendify')}
                </span>
            </MenuItem>
            <MenuItem
                disabled={disabled}
                onClick={() =>
                    handleClick(__('Write a poem about', 'extendify') + ' ')
                }
                className="group">
                <Icon
                    icon={pencil}
                    className="flex-shrink-0 group-hover:text-current text-design-main fill-current w-5 h-5 mr-2"
                />
                <span className="whitespace-normal text-left">
                    {__('Poem…', 'extendify')}
                </span>
            </MenuItem>
            <MenuItem
                disabled={disabled}
                onClick={() =>
                    handleClick(
                        __('Write a press release for', 'extendify') + ' ',
                    )
                }
                className="group">
                <Icon
                    icon={pencil}
                    className="flex-shrink-0 group-hover:text-current text-design-main fill-current w-5 h-5 mr-2"
                />
                <span className="whitespace-normal text-left">
                    {__('Press release…', 'extendify')}
                </span>
            </MenuItem>
            <MenuItem
                disabled={disabled}
                onClick={() =>
                    handleClick(
                        __('Write a pros and cons list for', 'extendify') + ' ',
                    )
                }
                className="group">
                <Icon
                    icon={pencil}
                    className="flex-shrink-0 group-hover:text-current text-design-main fill-current w-5 h-5 mr-2"
                />
                <span className="whitespace-normal text-left">
                    {__('Pros and cons list…', 'extendify')}
                </span>
            </MenuItem>
            <MenuItem
                disabled={disabled}
                onClick={() =>
                    handleClick(
                        __('Write a job description for', 'extendify') + ' ',
                    )
                }
                className="group">
                <Icon
                    icon={pencil}
                    className="flex-shrink-0 group-hover:text-current text-design-main fill-current w-5 h-5 mr-2"
                />
                <span className="whitespace-normal text-left">
                    {__('Job description…', 'extendify')}
                </span>
            </MenuItem>
        </MenuGroup>
    )
}