Use native style in `update-pr-from-base-branch` (#6537)

1 files changed, 38 insertions, 0 deletions

diff --git a/source/github-widgets/mergeability-row.tsx b/source/github-widgets/mergeability-row.tsx
new file mode 100644
index 00000000..bab87aff
--- /dev/null
+++ b/source/github-widgets/mergeability-row.tsx
@@ -0,0 +1,38 @@
+import React from 'dom-chef';
+
+type MergeabilityRowProps = {
+	action?: JSX.Element;
+	icon: JSX.Element;
+	iconClass?: string;
+	heading: string;
+	meta?: string;
+};
+
+export default function createMergeabilityRow({
+	action,
+	icon,
+	iconClass = '',
+	heading,
+	meta,
+}: MergeabilityRowProps): JSX.Element {
+	return (
+		<div className="branch-action-item">
+			<div
+				className="branch-action-btn float-right js-immediate-updates js-needs-timeline-marker-header"
+			>
+				{action}
+			</div>
+			<div
+				className={`branch-action-item-icon completeness-indicator ${iconClass}`}
+			>
+				{icon}
+			</div>
+			<h3 className="h4 status-heading">
+				{heading}
+			</h3>
+			<span className="status-meta">
+				{meta}
+			</span>
+		</div>
+	);
+}