import type { FC } from 'react';
import React from 'react';

export const BooleanValue: FC<{
    value?: boolean;
    yesNo?: boolean;
}> = ({ value, yesNo }) =>
    value === true ? (
        <span className="value-enabled">{!yesNo ? 'Enabled' : 'Yes'}</span>
    ) : (
        <span className="value-disabled">{!yesNo ? 'Disabled' : 'No'}</span>
    );

export const YesNoValue: FC<{ value?: boolean }> = ({ value }) => (
    <BooleanValue value={value} yesNo />
);