Style pop up modal

src/components/ListItem/ListItem.jsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { I18n } from '@lingui/react';
+import { t } from '@lingui/macro';
+import {
+  Checkbox,
+} from '@patternfly/react-core';
+
+export default ({
+  itemId,
+  name,
+  isSelected,
+  onSelect,
+}) => (
+    <li key={itemId} className="pf-c-data-list__item" aria-labelledby="check-action-item1">
+      <div className="pf-c-data-list__check">
+        <I18n>
+          {({ i18n }) => (
+            <Checkbox
+              checked={isSelected}
+              onChange={onSelect}
+              aria-label={i18n._(t`selected ${itemId}`)}
+              id={`selectd-${itemId}`}
+              value={itemId}
+            />
+          )}
+        </I18n>
+      </div>
+      <div className="pf-c-data-list__cell">
+        <span id="check-action-item1">
+          <b>{name}</b>
+        </span>
+      </div>
+    </li>
+  );

src/components/ListItem/index.js

@@ -0,0 +1,3 @@
+import ListItem from './ListItem';
+
+export default ListItem;