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

const ReadabilitySettings = () => {
  return (
    <div className="pr:space-y-6 pr:max-w-4xl">
      <div className="pr:mb-6">
        <h2 className="pr:text-2xl pr:font-semibold pr:text-gray-900 pr:mb-2">
          {__('Readability Settings', 'prorank-seo')}
        </h2>
        <p className="pr:text-sm pr:text-gray-600">
          {__('Configure content readability analysis features.', 'prorank-seo')}
        </p>
      </div>

      <Card>
        <div className="pr:p-6 pr:text-center">
          <p className="pr:text-sm pr:text-gray-600">
            {__('Readability settings will be available soon.', 'prorank-seo')}
          </p>
        </div>
      </Card>
    </div>
  );
};

export default ReadabilitySettings;
