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

const BrokenLinksSettings = () => {
  return (
    <div className="prorank-settings-panel">
      <div className="prorank-settings-header">
        <h3>{__('Broken Link Checker Settings', 'prorank-seo')}</h3>
        <p>{__('Configure broken link detection and reporting.', 'prorank-seo')}</p>
      </div>

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

export default BrokenLinksSettings;
