import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import { useState } from 'react';
import { useDevice } from '../../../lib/seam/devices/use-device.js';
import { Button } from '../../../lib/ui/Button.js';
import { InputLabel } from '../../../lib/ui/InputLabel.js';
import { ContentHeader } from '../../../lib/ui/layout/ContentHeader.js';
import { ClimateSettingControlGroup } from '../../../lib/ui/thermostat/ClimateSettingControlGroup.js';
export function ClimateSettingScheduleFormDefaultClimateSetting({ title, deviceId, onBack, onCancel, onSave, }) {
    const { device } = useDevice({
        device_id: deviceId,
    });
    const [mode, setMode] = useState('heat_cool');
    const [heatValue, setHeatValue] = useState(70);
    const [coolValue, setCoolValue] = useState(75);
    return (_jsxs(_Fragment, { children: [_jsx(ContentHeader, { title: title, onBack: onBack, subheading: device?.properties.name }), _jsxs("div", { className: 'seam-main', children: [_jsx("div", { className: 'seam-climate-setting-schedule-form-default-climate-setting', children: _jsxs("div", { className: 'seam-content', children: [_jsx("div", { className: 'seam-default-climate-setting-message', children: _jsx("p", { children: t.defaultClimateMessage }) }), _jsxs("div", { className: 'seam-control-group-title', children: [_jsx(InputLabel, { children: t.defaultClimate }), _jsx("span", { className: 'seam-label', children: t.defautClimateSubHeading })] }), _jsx(ClimateSettingControlGroup, { mode: mode, onModeChange: setMode, heatValue: heatValue, onHeatValueChange: setHeatValue, coolValue: coolValue, onCoolValueChange: setCoolValue })] }) }), _jsxs("div", { className: 'seam-actions', children: [_jsx(Button, { onClick: onCancel, children: t.cancel }), _jsx(Button, { variant: 'solid', onClick: onSave, children: t.save })] })] })] }));
}
const t = {
    defaultClimate: 'Default Climate',
    defautClimateSubHeading: 'Choose the default mode and climate for this device',
    defaultClimateMessage: 'This device doesn’t have a default climate set up yet. Choose the climate you’d like the device to fall back to after scheduled climates reach their ends.',
    cancel: 'Cancel',
    save: 'Save',
};
//# sourceMappingURL=ClimateSettingScheduleFormDefaultClimateSetting.js.map