import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useState } from 'react';
import { ContentHeader } from '../../../lib/ui/layout/ContentHeader.js';
import { TimeZonePicker } from '../../../lib/ui/TimeZonePicker/TimeZonePicker.js';
export function AccessCodeFormTimeZonePicker({ onChange, value, onClose, }) {
    const [title, setTitle] = useState(t.titleAuto);
    return (_jsxs("div", { className: 'seam-access-code-time-zone-picker', children: [_jsx(ContentHeader, { title: title, onBack: onClose }), _jsx("div", { className: 'seam-content', children: _jsx(TimeZonePicker, { value: value, onChange: onChange, onManualTimeZoneSelected: (manualTimeZoneSelected) => {
                        setTitle(manualTimeZoneSelected ? t.titleManual : t.titleAuto);
                    } }) })] }));
}
const t = {
    titleAuto: 'Time Zone (automatic)',
    titleManual: 'Time Zone (manual)',
    utc: 'UTC',
    setTimeZoneManuallyLabel: 'Use local time zone',
};
//# sourceMappingURL=AccessCodeFormTimeZonePicker.js.map