2023-12-15 17:34:50 +03:00
|
|
|
interface LabeledValueProps {
|
2023-12-28 14:04:44 +03:00
|
|
|
id?: string;
|
|
|
|
label: string;
|
|
|
|
text: string | number;
|
|
|
|
title?: string;
|
2023-07-18 14:55:40 +03:00
|
|
|
}
|
|
|
|
|
2023-12-18 19:42:27 +03:00
|
|
|
function LabeledValue({ id, label, text, title }: LabeledValueProps) {
|
2023-07-18 14:55:40 +03:00
|
|
|
return (
|
2023-12-28 14:04:44 +03:00
|
|
|
<div className='flex justify-between gap-3'>
|
2024-03-18 16:21:39 +03:00
|
|
|
<span title={title}>{label}</span>
|
2023-12-28 14:04:44 +03:00
|
|
|
<span id={id}>{text}</span>
|
|
|
|
</div>
|
|
|
|
);
|
2023-07-18 14:55:40 +03:00
|
|
|
}
|
|
|
|
|
2023-12-28 14:04:44 +03:00
|
|
|
export default LabeledValue;
|