/**
 * RealEstateInstanceRolesPlaceholder
 *
 * Platzhalter für die View "Rollen & Rechte" bei Real-Estate-Instanzen.
 * Zeigt einen Hinweis und Link zur Administration (Feature-Instanz Benutzer / Feature-Rollen),
 * bis ein generisches Instance-Roles-UI verfügbar ist.
 */

import React from 'react';
import { Link } from 'react-router-dom';
import styles from '../trustee/TrusteeViews.module.css';

import { useLanguage } from '../../../providers/language/LanguageContext';

export const RealEstateInstanceRolesPlaceholder: React.FC = () => {
    const { t } = useLanguage();

  return (
    <div className={styles.infoSection} style={{ maxWidth: 560 }}>
      <h3>{t('Rollen & Rechte')}</h3>
      <p style={{ margin: '0 0 1rem', color: 'var(--text-secondary, #666)', fontSize: '0.9375rem', lineHeight: 1.5 }}>
        Die Verwaltung von Rollen und Benutzern für diese Instanz erfolgt in der Administration.
      </p>
      <div style={{ display: 'flex', flexDirection: 'column', gap: '0.5rem' }}>
        <Link to="/admin/feature-users" className={styles.primaryButton} style={{ display: 'inline-block', textAlign: 'center', textDecoration: 'none' }}>
          Feature-Instanz Benutzer
        </Link>
        <Link to="/admin/feature-roles" className={styles.secondaryButton} style={{ display: 'inline-block', textAlign: 'center', textDecoration: 'none' }}>
          Feature-Rollen
        </Link>
      </div>
    </div>
  );
};

export default RealEstateInstanceRolesPlaceholder;