import { Text } from '@fluentui/react-components'

const FlowPage = () => {
    return (
        <div style={{
            display: 'flex',
            flexDirection: 'column',
            padding: '1rem',
            width: '100%',
            gap: '1rem'
        }}>
            {/* <Portal mountNode={document.querySelector('#header-portal')}>
                
            </Portal> */}

            <div style={{
                display: 'flex',
                width: '100%',
                flexDirection: 'column',
                gap: '1rem'
            }}>
                <Text size={600} weight='bold'>
                    Приход и расход топлива
                </Text>

                <Text size={400} weight='medium'>

                </Text>

            
                {/* {cityId &&
                    <div style={{ display: 'flex', width: '100%', gap: '1rem', justifyContent: 'space-between' }}>
                        <BoilersCard title='Всего объектов' value={boilers && Array.isArray(boilers) ? boilers.length.toString() : ''} subtitle='' />

                        <BoilersCard title='Общий остаток' value={''} subtitle='' />

                        <BoilersCard title='Лимит на сезон' value={''} subtitle='' />

                        <BoilersCard title='Требуют внимания' value={''} subtitle='' />
                    </div>
                } */}
            </div>
        </div>
    )
}

export default FlowPage