import {ImageLink} from "ui";
import {ArgsTable, Meta, Story} from "@storybook/addon-docs";

<Meta title="Components/Images/ImageLink/old" component={ImageLink}/>

export const Template = (args) => <ImageLink {...args} />;

# ImageLink

This component renders an ImageLink which wraps an image with a link and chooses whether to show the dark or light version based of selected theme.

**N.B. Can't swap between themes in stories so you can't see the darkSrc image.** 🚫

## Props

<ArgsTable story="Default"/>

## Examples

<Story
    name="Default"
    args={{
        link: "https://www.spot-ship.com",
        src: "https://dashboard.spot-ship-app.com/Spotship_Light.png",
        darkSrc: "https://dashboard.spot-ship-app.com/Spotship_Dark.png",
        alt: "The spotship logo linking to the spotship website",
    }}
>
    {Template.bind({})}
</Story>