import { __ } from '@wordpress/i18n';
import { Card } from '../../../components/ui';

const SeoIssuesSettings = () => {
  return (
    <div className="prorank-settings-panel">
      <div className="prorank-settings-header">
        <h3>{__('SEO Issues Scanner Settings', 'prorank-seo')}</h3>
        <p>{__('Configure SEO issue detection and severity levels.', 'prorank-seo')}</p>
      </div>

      <Card className="prorank-settings-card">
        <p>{__('SEO issues scanner settings will be available soon.', 'prorank-seo')}</p>
      </Card>
    </div>
  );
};

export default SeoIssuesSettings;
