import { Modal } from '@wordpress/components'
import React, { useState } from 'react'
import { __ } from '@wordpress/i18n'
import { Button, ButtonProps } from '../../common/Button'
import { Snippet } from '../../../types/Snippet'
import { isLicensed } from '../../../utils/general'
export const GenerateIcon = () =>
export interface CloudAIButtonProps extends ButtonProps {
snippet: Snippet
}
export const CloudAIButton: React.FC = ({
snippet,
children,
onClick,
disabled,
...props
}) => {
const [isCloudModalOpen, setIsCloudModalOpen] = useState(false)
return isLicensed() ?
<>
{isCloudModalOpen ?
}
title={__('Missing Cloud Connection', 'code-snippets')}
onRequestClose={() => setIsCloudModalOpen(false)}
className="cloud-connect-modal"
>
{__('A connection to Code Snippets Cloud is required to use this functionality.', 'code-snippets')}
{__('Once connected, reload this page to recognise the new connection status.', 'code-snippets')}
:
null}
:
null
}