Introduce primaryCellSizes and SVGCellSizes to the NotificationWithSV…

…G component.
google · Jan 14, 2025 · f62210c · f62210c
1 parent 05f0f04
commit f62210c
Showing 1 changed file with 13 additions and 6 deletions.
diff --git a/assets/js/googlesitekit/notifications/components/layout/NotificationWithSVG.js b/assets/js/googlesitekit/notifications/components/layout/NotificationWithSVG.js
@@ -36,18 +36,23 @@ export default function NotificationWithSVG( {
 	description,
 	actions,
 	SVG,
+	primaryCellSizes,
+	SVGCellSizes,
 } ) {
 	const breakpoint = useBreakpoint();
 
 	// Desktop breakpoint.
-	let svgSizeProps = { mdSize: 8, lgSize: 6 };
+	let svgSizeProps = {
+		mdSize: SVGCellSizes?.md || 8,
+		lgSize: SVGCellSizes?.lg || 6,
+	};
 	// Tablet breakpoint.
 	if ( breakpoint === BREAKPOINT_TABLET ) {
-		svgSizeProps = { mdSize: 8 };
+		svgSizeProps = { mdSize: SVGCellSizes?.md || 8 };
 	}
 	// Mobile breakpoint.
 	if ( breakpoint === BREAKPOINT_SMALL ) {
-		svgSizeProps = { smSize: 12 };
+		svgSizeProps = { smSize: SVGCellSizes?.sm || 12 };
 	}
 
 	return (
@@ -67,9 +72,11 @@ export default function NotificationWithSVG( {
 								<Grid collapsed>
 									<Row>
 										<Cell
-											smSize={ 12 }
-											mdSize={ 8 }
-											lgSize={ 6 }
+											smSize={
+												primaryCellSizes?.sm || 12
+											}
+											mdSize={ primaryCellSizes?.md || 8 }
+											lgSize={ primaryCellSizes?.lg || 6 }
 											className="googlesitekit-setup-cta-banner__primary-cell"
 										>
 											<h3 className="googlesitekit-setup-cta-banner__title">