/**
 * AI Configuration Settings component.
 *
 * @package Schema_AI
 */

import { SelectControl } from '@wordpress/components';
import { __ } from '@wordpress/i18n';

function AIConfig( { settings, onChange } ) {
	const provider = settings?.ai_provider || 'openai';
	const aiModel = settings?.ai_model_free || 'gpt-4o-mini';

	const handleChange = ( key, value ) => {
		onChange( { ...settings, [ key ]: value } );
	};

	return (
		<div className="schema-ai-settings-section">
			<h2>{ __( 'AI Configuration', 'schema-ai' ) }</h2>
			<SelectControl
				label={ __( 'AI Provider', 'schema-ai' ) }
				value={ provider }
				options={ [
					{ label: 'OpenAI', value: 'openai' },
				] }
				onChange={ ( v ) => handleChange( 'ai_provider', v ) }
			/>
			<SelectControl
				label={ __( 'AI Model', 'schema-ai' ) }
				value={ aiModel }
				options={ [
					{ label: 'GPT-4o Mini', value: 'gpt-4o-mini' },
				] }
				onChange={ ( v ) => handleChange( 'ai_model_free', v ) }
			/>
		</div>
	);
}

export default AIConfig;