Toast background color is not reflecting

[saurabhdsachan]

Description

https://wix.github.io/react-native-ui-lib/docs/components/incubator/Toast#backgroundcolor

1. Background color props as mentioned in the above doc is not reflecting the background color for the action area.

Related to

• [x] Components
• [x] Demo
• [ ] Docs
• [ ] Typings

Steps to reproduce

Use toast component Add action props add backgroundColor prop in action

Expected behavior

Background color should have visible in the action block.

Actual behavior

The background color always white in the action block

More Info

Code snippet

const { Toast } = Incubator;
       <Toast
        visible={showTopToast}
        position={'top'}
        message={'Lorem ipsum dolor sit amet, consectetur adip'}
        action={{
          label: 'Undo',
          color: Colors.white,
          backgroundColor: Colors.dark, // issue
        }}
        swipeable
        preset={'success'}
        onDismiss={dismissTopToast}
        containerStyle={{ marginTop: Spacings.s10 }}
        messageStyle={{ color: Colors.white }}
        autoDismiss={3500}
        backgroundColor={Colors.dark}
        iconColor={Colors.white}
        enableHapticFeedback
      />

Screenshots/Video

Environment

• React Native version: 0.67.4
• React Native UI Lib version: 6.19.3

Affected platforms

• [x] Android
• [x] iOS
• [ ] Web