import { Meta } from '@storybook/addon-docs';
import Link from '@cloudscape-design/components/link';
import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';

<Meta title="Migration/Link" />

# Migrating from NorthStar legacy - Link

Use <Link href='https://cloudscape.design/components/link' target='_blank' external>Cloudscape Link component</Link>. 
The component does not parse the link to determine whether it is external or not. An **external** prop should be added if the link is external. 

## Update Import

```diff
- import Link from 'aws-northstar/components/Link';
+ import Link from '@cloudscape-design/components/link';
```

export const Component = () => {
  return <SyntaxHighlighter/>;
};