import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import { Controller } from 'react-hook-form';
import { ContentHeader } from '../../../lib/ui/layout/ContentHeader.js';
import { ThermostatSelect } from '../../../lib/ui/thermostat/ThermostatSelect.js';
export function ClimateSettingScheduleFormDeviceSelect({ title, control, onBack, onSelect, }) {
    return (_jsxs(_Fragment, { children: [_jsx(ContentHeader, { title: title, onBack: onBack }), _jsx("div", { className: 'seam-main', children: _jsx(Controller, { name: 'deviceId', control: control, render: ({ field: { onChange } }) => (_jsx(ThermostatSelect, { onSelect: (deviceId) => {
                            onChange(deviceId);
                            onSelect();
                        } })) }) })] }));
}
//# sourceMappingURL=ClimateSettingScheduleFormDeviceSelect.js.map