diff --git a/src/components/FeatureList.tsx b/src/components/FeatureList.tsx index 37b798dcd66c..4db9267a2aa5 100644 --- a/src/components/FeatureList.tsx +++ b/src/components/FeatureList.tsx @@ -7,6 +7,7 @@ import variables from '@styles/variables'; import type {TranslationPaths} from '@src/languages/types'; import type IconAsset from '@src/types/utils/IconAsset'; import Button from './Button'; +import DotIndicatorMessage from './DotIndicatorMessage'; import type DotLottieAnimation from './LottieAnimations/types'; import MenuItem from './MenuItem'; import Section from './Section'; @@ -56,6 +57,9 @@ type FeatureListProps = { /** The style used for the title */ titleStyles?: StyleProp; + /** The error message to display for the CTA button */ + ctaErrorMessage?: string; + /** Padding for content on large screens */ contentPaddingOnLargeScreens?: {padding: number}; }; @@ -65,10 +69,11 @@ function FeatureList({ subtitle = '', ctaText = '', ctaAccessibilityLabel = '', - onCtaPress, + onCtaPress = () => {}, secondaryButtonText = '', secondaryButtonAccessibilityLabel = '', - onSecondaryButtonPress, + onSecondaryButtonPress = () => {}, + ctaErrorMessage, menuItems, illustration, illustrationStyle, @@ -120,6 +125,12 @@ function FeatureList({ large /> )} + {ctaErrorMessage && ( + + )}