import { Meta, Story, Props, Preview } from '@storybook/addon-docs/blocks';

import Link from './Link';

<Meta title="General|Link" component={Link} />

# Link

<Preview>
  <Story name="Index">
    <Link href="https://www.norbit.com.au/">Go to norbit website</Link>
  </Story>
</Preview>

### Ellipsis Text Link
<Preview>
  <Story name="Ellipsis">
    <Link ellipsis href="https://www.norbit.com.au/" width="330px">
      Sample long text with link and ellipsis. Sample long text with link and ellipsis. Sample long text with link and ellipsis
    </Link>
  </Story>
</Preview>

### Custom
<Preview>
  <Story name="Custom Link">
    <Link href="https://www.norbit.com.au/" size={20} color="green" weight="bold" target="_blank">
      Custom Text Link Styles and Opens in new Tab. Custom Text Link Styles and Opens in new Tab.
    </Link>
  </Story>
</Preview>

<Props of={Link} />