import React from 'react';
import { storiesOf } from '@storybook/react-native';

import { Link } from './Link';

storiesOf('Components/Molecules/Link', module)
  .add('Default', () => <Link text="Link to nowhere" />)
  .add('Text props', () => (
    <>
      <Link textProps={{ color: 'deeppurple.400' }} text="Link here" />
      <Link
        textProps={{ fontSize: 'xl', color: 'black' }}
        text="Another link"
      />
      <Link
        textProps={{ variant: 'button', color: 'amber.700' }}
        text="And one more"
      />
    </>
  ))
  .add('Href (Web only)', () => (
    <>
      <Link
        textProps={{ color: 'lime.800' }}
        href="https://google.com"
        hrefAttrs={{ rel: 'nofollow', target: 'blank' }}
        text="Link to Google"
      />
    </>
  ));