import { CompoundButton, Text } from "@fluentui/react-components"

const BoilersCard = ({
    title,
    value,
    subtitle,
}: {
    title: string
    value: string
    subtitle: string
}) => {
    return (
        <CompoundButton
            onClick={() => { }}
            style={{ display: 'flex', width: '100%', justifyContent: 'flex-start', flexDirection: 'column', gap: '2rem', alignItems: 'flex-start', cursor: 'pointer', userSelect: 'none' }}
        //icon={icon}
        >

            <Text weight='bold' size={300}>
                {title}
            </Text>

            <Text weight='bold' size={500}>
                {value}
            </Text>

            <Text weight='regular' size={200} style={{ color: 'gray' }}>
                {subtitle}
            </Text>
        </CompoundButton>
    )
}

export default BoilersCard