Merged PR 2256: refactor(representations): preserve Welsh conditional validation and summary...

refactor(representations): preserve Welsh conditional validation and summary parity

Related work items: #22441

components/case/summary/components/SummaryCard.js

@@ -0,0 +1,24 @@
+const SummaryCard = ({
+    id,
+    title,
+    headingTag = "h2",
+    headingClassName = "govuk-heading-m govuk-!-margin-bottom-7",
+    children
+}) => {
+    const HeadingTag = headingTag;
+
+    return (
+        <div className="card" id={id}>
+            <div className="card-body">
+                <div className="govuk-grid-column-full">
+                    <HeadingTag className={headingClassName}>
+                        {title}
+                    </HeadingTag>
+                    {children}
+                </div>
+            </div>
+        </div>
+    );
+};
+
+export default SummaryCard;

components/case/summary/components/SummaryRow.js

@@ -0,0 +1,15 @@
+const SummaryRow = ({
+    label,
+    value,
+    keyClassName = "govuk-summary-list__key",
+    valueClassName = "govuk-summary-list__value"
+}) => {
+    return (
+        <div className="govuk-summary-list__row">
+            <dt className={keyClassName}>{label}</dt>
+            <dd className={valueClassName}>{value}</dd>
+        </div>
+    );
+};
+
+export default SummaryRow;