How to use the @storybook/react-native.action function in @storybook/react-native

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
    ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis
    parturient montes, nascetur ridiculus mus.
  
);

const mainContent = (
  
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
    ligula eget dolor. Aenean massa.
  
);

const stubContent = Lorem ipsum dolor sit amet.;

const onPress = action('Card press');

const styles = StyleSheet.create({
  cardListScrollView: {
    overflow: 'visible',
  },
  cardListItem: {
    marginTop: 20, // eslint-disable-line backpack/use-tokens
  },
  cardMainStyle: {
    flex: 3,
  },
});

storiesOf('react-native-bpk-component-card', module)
  .addDecorator(CenterDecorator)
  .add('docs:default', () => {content})

.add('List view', () => (
     }
      renderHeader={() =&gt; <header>}
      headerHeight={number('Header height', 50)}
      onHeaderFixed={action('onHeaderFixed')}
      isHeaderFixed={boolean('Is header fixed', true)}
      parallaxHeight={number('Parallax height', 250)}
      useNativeDriver={boolean('Use native driver', true)}
      scrollableComponent={ListView}
      isBackgroundScalable={boolean('Is background scalable', true)}
      headerBackgroundColor={text('Header bacground color', 'rgba(51, 51, 51, 1)')}
      onChangeHeaderVisibility={action('onChangeHeaderVisibility')}
      renderParallaxBackground={getBackground}
      fadeOutParallaxBackground={boolean('Fade out background', false)}
      renderParallaxForeground={getForeground}
      fadeOutParallaxForeground={boolean('Fade out foreground', true)}
      headerFixedBackgroundColor={text('Header fixed bacground color', 'rgba(51, 51, 51, 1)')}
      parallaxBackgroundScrollSpeed={number('Background scroll speed', 5)}
      parallaxForegroundScrollSpeed={number('Foreground scroll speed', 2.5)}
    /&gt;
  ))</header>

},
  wrappingView: {
    borderRadius: borderRadiusSm,
  },
});

const textContent = (
  
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
    ligula eget dolor. Aenean massa.
  
);

const viewContent = ;

const onPress = action('Touchable native feedback press');

storiesOf('react-native-bpk-component-touchable-native-feedback', module)
  .addDecorator(CenterDecorator)
  .add('docs:default', () => (
    
      {viewContent}
    
  ))
  .add('View Wrapper', () => (

        onPress: () => action('negative button pressed'),
        style: 'cancel',

      { text: 'Ok', onPress: () => action('positive button press') },
    ],

        onPress: () => action('negative button press'),
        style: 'cancel',

renderHeader={({ animatedValue }) =>
            <header>
          }</header>

.add('with header', () => (
     <header height="{height}">}
      headerHeight={number('Header height', 50)}
      onHeaderFixed={action('onHeaderFixed')}
      isHeaderFixed={boolean('Is header fixed', true)}
      parallaxHeight={number('Parallax height', 250)}
      useNativeDriver={boolean('Use native driver', false)}
      isBackgroundScalable={boolean('Is background scalable', true)}
      headerBackgroundColor={text('Header bacground color', 'rgba(51, 51, 51, 0)')}
      renderParallaxBackground={getBackground}
      onChangeHeaderVisibility={action('onChangeHeaderVisibility')}
      fadeOutParallaxBackground={boolean('Fade out background', true)}
      headerFixedBackgroundColor={text('Header fixed bacground color', 'rgba(51, 51, 51, 1)')}
      parallaxBackgroundScrollSpeed={number('Background scroll speed', 5)}
    &gt;
      
    
  ))
  .add('without header background', () =&gt; (</header>

          renderParallaxForeground={() => }
          fadeOutParallaxBackground={boolean('Fade out background', false)}

style={style}
          renderHeader={({ animatedValue }) =>
            <header>
          }
          headerHeight={number('Header height', 90)}
          isHeaderFixed={boolean('Is header fixed', true)}
          onHeaderFixed={isHeaderFixed =&gt; this.setState({ isHeaderFixed })}
          parallaxHeight={number('Parallax height', 250)}
          useNativeDriver={boolean('Use native driver', true)}
          isBackgroundScalable={boolean('Is background scalable', true)}
          headerBackgroundColor={text('Header bacground color', 'rgba(51, 51, 51, 0)')}
          headerFixedTransformY={text('Header fixed transform y', 30)}
          renderParallaxBackground={() =&gt;
            
          }
          onChangeHeaderVisibility={action('onChangeHeaderVisibility')}
          renderParallaxForeground={() =&gt; }
          fadeOutParallaxBackground={boolean('Fade out background', false)}
          fadeOutParallaxForeground={boolean('Fade out foreground', true)}
          headerFixedBackgroundColor={text('Header fixed bacground color', 'rgba(51, 51, 51, 1)')}
          parallaxBackgroundScrollSpeed={number('Background scroll speed', 5)}
          parallaxForegroundScrollSpeed={number('Foreground scroll speed', 2.5)}
        &gt;
          </header>