# thinkrank/1.0.0/src/admin/components/pages/AITools.js

ThinkRank AI SEO – AI SEO Plugin for WordPress: Schema, XML Sitemaps, Meta Tags, Search Console & Local SEO, version 1.0.0. 55 lines.

- Page: https://pluginprobe.com/plugins/thinkrank/1.0.0/code/src/admin/components/pages/AITools.js
- Raw: https://pluginprobe.com/plugins/thinkrank/1.0.0/raw/src/admin/components/pages/AITools.js
- Modified: 2025-08-10T07:57:44+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/thinkrank/1.0.0/code/src/admin/components/pages/AITools.js#L10-L20`.

```javascript
/**
 * AI Tools Page Component
 * 
 * Tabbed interface for AI-powered content tools
 * 
 * @package ThinkRank
 * @since 1.0.0
 */

import { useState } from '@wordpress/element';
import { __ } from '@wordpress/i18n';
import { TabPanel } from '@wordpress/components';

// Import tab components
import ContentPlannerTab from '../ai-tools/ContentPlannerTab';
import MetadataGeneratorTab from '../ai-tools/MetadataGeneratorTab';

/**
 * AI Tools Component
 */
const AITools = () => {
    const tabs = [
        {
            name: 'content-planner',
            title: __('Content Planner', 'thinkrank'),
            className: 'tab-content-planner',
        },
        {
            name: 'metadata-generator',
            title: __('Metadata Generator', 'thinkrank'),
            className: 'tab-metadata-generator',
        },
    ];

    return (
        <div className="thinkrank-ai-tools">
            <TabPanel
                className="thinkrank-ai-tools-tabs"
                activeClass="is-active"
                tabs={tabs}
                initialTabName="content-planner"
            >
                {(tab) => (
                    <div className="thinkrank-min-h-96">
                        {tab.name === 'content-planner' && <ContentPlannerTab />}
                        {tab.name === 'metadata-generator' && <MetadataGeneratorTab />}
                    </div>
                )}
            </TabPanel>
        </div>
    );
};

export default AITools;

```