import * as React from 'react';
import { __ } from '@wordpress/i18n';
import { Calendar } from '../booking-ui/Calendar';
import { BookingApi, type BookingConfig } from '../booking-ui/api';
import { PersonalData } from './PersonalData';
/** Free occupancy and privacy tools; no customer booking form or booking write transport. */
export function ReadOnlyCalendar({ config }: {
    config: BookingConfig;
}) { const api = React.useMemo(() => new BookingApi(config), [config]); const [privacy, setPrivacy] = React.useState(false); return <>{config.authenticated && <nav><button onClick={() => setPrivacy(false)} aria-pressed={!privacy}>{__('Calendar', 'abece-booking')}</button><button onClick={() => setPrivacy(true)} aria-pressed={privacy}>{__('My personal data', 'abece-booking')}</button></nav>}{privacy ? <PersonalData api={api}/> : <Calendar api={api}/>}<p>{__('To book a time, contact the venue operator.', 'abece-booking')}</p></>; }