in dotcom-rendering/src/components/marketing/banners/designableBanner/stories/DesignableBanner.stories.tsx [276:339]
background: stringToHexColour('FFFFFF'),
},
},
},
choiceCardAmounts: regularChoiceCardAmounts,
},
};
export const NoChoiceCardOrImage: Story = {
name: 'DesignableBanner with no choice cards or image',
args: {
...meta.args,
design: {
...design,
visual: undefined,
},
},
};
export const WithNonSupportUrl: Story = {
name: 'DesignableBanner with non-support site url',
args: {
...meta.args,
content: {
...contentWithHeading,
cta: {
baseUrl: 'theguardian.com',
text: 'Continue to the Guardian',
},
},
design: {
...design,
visual: undefined,
},
},
};
export const WithRemindMeLater: Story = {
name: 'DesignableBanner with reminder CTA',
args: {
...meta.args,
content: {
...contentWithHeading,
secondaryCta: {
...contentWithHeading.secondaryCta,
type: SecondaryCtaType.ContributionsReminder,
},
},
mobileContent: {
...mobileContentWithHeading,
secondaryCta: {
...mobileContentWithHeading.secondaryCta,
type: SecondaryCtaType.ContributionsReminder,
},
},
design: {
...design,
visual: {
kind: 'ChoiceCards',
buttonColour: stringToHexColour('E5E5E5'),
},
colours: {
...design.colours,
secondaryCta: {