(function (global) {
  'use strict';
  function SearchVisibilityConfigPanel(props) {
    var providers = props.providers || [];
    return React.createElement('section', { className: 'free-seo-card' },
      React.createElement('h3', null, 'Provider status'),
      React.createElement('p', { className: 'muted' }, 'Manual/offline modes are always key-free. SearXNG is optional and must be configured by the deployment owner.'),
      React.createElement('div', { className: 'free-seo-grid' }, providers.map(function (provider) {
        return React.createElement('div', { key: provider.id, className: 'free-seo-mini-card' },
          React.createElement('strong', null, provider.name || provider.id),
          React.createElement('p', null, provider.description || ''),
          React.createElement('p', null, 'Enabled: ', provider.enabled ? 'yes' : 'no', ' | Configured: ', provider.configured ? 'yes' : 'no'),
          provider.validation ? React.createElement('small', { className: 'warning' }, provider.validation.message) : null
        );
      }))
    );
  }
  global.SearchVisibilityConfigPanel = SearchVisibilityConfigPanel;
}(window));