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

const SecurityAuditSettings = () => {
  return (
    <div className="prorank-settings-panel">
      <div className="prorank-settings-header">
        <h3>{__('Security Audit Settings', 'prorank-seo')}</h3>
        <p>{__('Configure security checks and vulnerability scanning.', 'prorank-seo')}</p>
      </div>

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

export default SecurityAuditSettings;
