import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
import { AbsoluteFill } from 'remotion';
import { TemperatureNumber } from './TemperatureNumber';
export const Temperature = ({ theme, city, temperatureInCelsius }) => {
    if (temperatureInCelsius === null) {
        return null;
    }
    return (_jsx(AbsoluteFill, { children: _jsxs(AbsoluteFill, { style: {
                alignItems: 'center',
                justifyContent: 'center',
                paddingLeft: 20,
                paddingRight: 20,
            }, children: [_jsxs("div", { style: {
                        color: '#0b84f3',
                        fontFamily: 'GTPlanar',
                        fontWeight: '500',
                        fontSize: 13,
                        textAlign: 'center',
                        marginTop: 5,
                    }, children: ["Temperature in ", city] }), _jsx(TemperatureNumber, { theme: theme, temperatureInCelsius: temperatureInCelsius })] }) }));
};
