import { Canvas, Meta, Story } from '@storybook/addon-docs';
import { Image, ImageRow } from './ImageAsset';

import Logo from '../assets/images/logo.svg';
import FediverseColor from '../assets/images/fediverse-color.png';
import FediverseBlack from '../assets/images/fediverse-black.png';
import Moderator from '../assets/images/moderator.svg';
import IndieAuth from '../assets/images/indieauth.png';
import IsBot from '../assets/images/bot.svg';

<Meta title="owncast/Style Guide/Images+Icons" />

export const images = [
  {
    src: Logo,
    name: 'Logo',
  },
];

# Images

## TODO: Determine the icon style/images for v2 of the web UI.


<ImageRow images={images} />

## App Icons

export const icons = [
  {
    src: FediverseColor,
    name: 'Fediverse Color',
  },
  {
    src: FediverseBlack,
    name: 'Fediverse Black',
  },
  {
    src: Moderator,
    name: 'Moderator',
  },
  {
    src: IndieAuth,
    name: 'IndieAuth',
  },
  {
    src: IsBot,
    name: 'Bot Flag',
  },
];

<ImageRow images={icons} />