import * as React from "react";
import { Story, Meta } from "@storybook/react";
import { ToggleWrapper } from "../index";

export default {
  title: "Utils/ToggleWrapper",
  component: ToggleWrapper,
  args: {
    isActive: false
  }
} as Meta;

const Template: Story = args => (
  <ToggleWrapper {...args}>
    {({ isActive }) => (
      <span>
        The isActive render prop returns:
        <code>{` ${isActive}`}</code>
      </span>
    )}
  </ToggleWrapper>
);

export const Default = Template.bind({});