import React from "react";
import { storiesOf } from "@storybook/react";
import Story from "../../storybook-components/Story";
import { colors } from "../../tokens";
import { Svg } from "./Svg";

const stories = storiesOf("Components/Images/Svg", module);

stories.add("Default", () => (
  <Story title="Svg">
    <Svg viewBox="0 0 300 100" fill={colors.gray["900"]}>
      <circle cx="50" cy="50" r="40" />
    </Svg>
  </Story>
));