import { useBasicChatCompletions } from '@fencyai/react'

export default function BasicChatCompletionExample() {
    const { createBasicChatCompletion, latest } = useBasicChatCompletions()

    const response = latest?.data?.response
    const error = latest?.error
    const loading = latest?.loading

    return (
        <div>
            <button
                onClick={async () => {
                    await createBasicChatCompletion({
                        openai: {
                            model: 'gpt-4o-mini',
                            messages: [
                                {
                                    role: 'user',
                                    content: 'Hello, how are you?',
                                },
                            ],
                        },
                    })
                }}
                disabled={loading}
            >
                Send Message
            </button>
            {error && <div>{error.message}</div>}
            {response && <div>{response}</div>}
        </div>
    )
}