2024-02-08 16:56:32 +00:00
|
|
|
import React from "react";
|
2024-05-10 15:18:24 +00:00
|
|
|
import classnames from "classnames";
|
2024-02-08 16:56:32 +00:00
|
|
|
|
|
|
|
|
const baseClass = "data-set";
|
|
|
|
|
|
|
|
|
|
interface IDataSetProps {
|
|
|
|
|
title: React.ReactNode;
|
|
|
|
|
value: React.ReactNode;
|
2024-05-10 15:18:24 +00:00
|
|
|
className?: string;
|
2024-02-08 16:56:32 +00:00
|
|
|
}
|
|
|
|
|
|
2024-05-10 15:18:24 +00:00
|
|
|
const DataSet = ({ title, value, className }: IDataSetProps) => {
|
|
|
|
|
const classNames = classnames(baseClass, className);
|
|
|
|
|
|
2024-02-08 16:56:32 +00:00
|
|
|
return (
|
2024-05-10 15:18:24 +00:00
|
|
|
<div className={classNames}>
|
2024-02-08 16:56:32 +00:00
|
|
|
<dt>{title}</dt>
|
|
|
|
|
<dd>{value}</dd>
|
|
|
|
|
</div>
|
|
|
|
|
);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export default DataSet;
|