/**
 * RealEstatePekView
 *
 * PEK-UI für eine Real-Estate-Instanz: Karte, Adresseingabe, optional Command-Eingabe und Nachrichten.
 * Wird als Dashboard-View gerendert, wenn der Benutzer auf "PEK" in der Sidebar klickt.
 */

import React from 'react';
import { PekProvider } from '../../../contexts/PekContext';
import { useInstanceId } from '../../../hooks/useCurrentInstance';
import PekLocationInput from './pek/PekLocationInput';
import PekMapView from './pek/PekMapView';
import styles from '../trustee/TrusteeViews.module.css';

function RealEstatePekViewContent() {


  return (
    <div className={`${styles.dashboardView} ${styles.dashboardViewFill}`}>
      <PekLocationInput />
      <PekMapView />
    </div>
  );
}

export const RealEstatePekView: React.FC = () => {
  const instanceId = useInstanceId();
  return (
    <PekProvider instanceId={instanceId}>
      <RealEstatePekViewContent />
    </PekProvider>
  );
};

export default RealEstatePekView;
