fleet/frontend/components/DataSet/DataSet.tsx
Jacob Shandling b9fc6968a5 UI – Vulnerability details page (#16665)
### _Draft until available to address feedback and merge on Monday –
ready for review_

## Addresses #16472 
- Full accounting of features in linked ticket

<img width="1676" alt="Screenshot 2024-02-07 at 10 24 03 PM"
src="https://github.com/fleetdm/fleet/assets/61553566/aa0cd3b5-9191-4078-b57c-ee451dc5c632">

<img width="909" alt="Screenshot 2024-02-07 at 10 38 52 PM"
src="https://github.com/fleetdm/fleet/assets/61553566/ea1b0067-bb91-4502-bde0-0e36914a0829">

## Checklist for submitter
- [x] Manual QA for all new/changed functionality

---------

Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
2024-02-15 10:35:06 -07:00

19 lines
333 B
TypeScript

import React from "react";
const baseClass = "data-set";
interface IDataSetProps {
title: React.ReactNode;
value: React.ReactNode;
}
const DataSet = ({ title, value }: IDataSetProps) => {
return (
<div className={`${baseClass}`}>
<dt>{title}</dt>
<dd>{value}</dd>
</div>
);
};
export default DataSet;