15 lines
505 B
TypeScript
15 lines
505 B
TypeScript
import type { ComponentPropsWithoutRef } from 'react';
|
|
import clsx from 'clsx';
|
|
|
|
interface LabelledValueProps extends ComponentPropsWithoutRef<'div'> {
|
|
label: string;
|
|
}
|
|
|
|
const LabelledValue = ({ label, children, className, ...props }: LabelledValueProps) => (
|
|
<div className={clsx('text-base space-x-1', className)} {...props}>
|
|
<span className="font-medium text-gray-700">{label}:</span>
|
|
<span className="font-normal text-gray-500">{children}</span>
|
|
</div>
|
|
);
|
|
|
|
export default LabelledValue;
|