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-timezone-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