text: import { storiesOf } from "@storybook/react-native";
  import { action } from "@storybook/addon-actions";
  import React from "react";
  import { Text, View } from "react-native";
  import styled, { ThemeProvider } from "styled-components";
  
  import IconAdd from "binary-ui-icons/binary/Add";
  import ActionLink from "binary-ui-components/mobile/ActionLink";
  import { THEME_MAIN } from "binary-ui-styles";
  
  storiesOf("binary-ui-components/mobile", module).add("ActionLink", () => (
    <ThemeProvider theme={THEME_MAIN}>
      <View>
        <View style={{ padding: 5 }}>
          <Text>
            <Text>1. Here is an </Text>
            <ActionLink
              draggable={false}
              href="https://andcards.com"
              title="Title"
              renderIconRight={rest => <IconAdd {...rest} />}
            >
              ActionLink
            </ActionLink>
            <Text> example.</Text>
          </Text>
        </View>
        <View style={{ padding: 5 }}>
          <ActionLink
            draggable={false}
            href="https://andcards.com"
            title="Title"
            renderIconRight={rest => <IconAdd {...rest} />}
          >
            2. ActionLink full width
          </ActionLink>
        </View>
      </View>
    </ThemeProvider>
  ));
  