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

const PerformanceAuditSettings = () => {
  return (
    <div className="prorank-settings-panel">
      <div className="prorank-settings-header">
        <h3>{__('Performance Audit Settings', 'prorank-seo')}</h3>
        <p>
          {__('Configure Core Web Vitals monitoring and performance checks.', 'prorank-seo')}
        </p>
      </div>

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

export default PerformanceAuditSettings;
