Add stories for US Header

Author: domlander

dotcom-rendering/src/components/Masthead/Masthead.stories.tsx

@@ -30,6 +30,7 @@ const meta = {
 		},
 	},
 } satisfies Meta<typeof Masthead>;
+
 export default meta;
 
 export const WithoutSubnav = {};
@@ -49,3 +50,30 @@ export const WithPageSkin = {
 export const WithPageSkinAndContentSelfContstrain = {
 	args: { hasPageSkinContentSelfConstrain: true },
 };
+
+export const WithUsLogoAndWithoutSubnav = {
+	args: { wholePictureLogoSwitch: true, editionId: 'US' },
+};
+
+export const WithUsLogoAndSubnav = {
+	args: { ...WithUsLogoAndWithoutSubnav.args, showSubNav: true },
+};
+
+export const WithUsLogoAndSlimNav = {
+	args: {
+		...WithUsLogoAndWithoutSubnav.args,
+		showSlimNav: true,
+		displayRoundel: true,
+	},
+};
+
+export const WithUsLogoAndPageSkin = {
+	args: { ...WithUsLogoAndWithoutSubnav.args, hasPageSkin: true },
+};
+
+export const WithUsLogoAndPageSkinAndContentSelfContstrain = {
+	args: {
+		...WithUsLogoAndWithoutSubnav.args,
+		hasPageSkinContentSelfConstrain: true,
+	},
+};