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

<Meta title="Components/Images/Icon/Old" component={Icon}/>

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

# Icon

This component renders an icon from [heroicons](https://heroicons.com).

**N.B. Changing icon colour via tailwind class does not currently work in storybook previews.** 🚫

## Props

<ArgsTable story="Default"/>

## Examples

<Story
    name="Default"
    args={{name: "home", style: "h-5 w-5", colour: "text-black dark:text-white"}}
>
    {Template.bind({})}
</Story>