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

interface CardInfoLabelProps {
    label: string;
    value: string | number;
}

export default function CardInfoLabel({
    label,
    value
}: CardInfoLabelProps) {
    return (
        <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
            <Text>
                {label}
            </Text>

            <Text weight='semibold'>
                {value}
            </Text>
        </div>
    )
}