import { FC, ReactNode } from 'react';
import { Group } from './group';

type LabelWithValueProps = {
  label: string;
  value: string | number | ReactNode | undefined;
};

export const LabelWithValue: FC<LabelWithValueProps> = ({ label, value }) => {
  return (
    <Group className="gap-1 text-black/50">
      <p>{label}</p>
      <p>:</p>
      <p>{value}</p>
    </Group>
  );
};
