import { SquigglePlayground } from "../components/SquigglePlayground";
import { Canvas, Meta, Story, Props } from "@storybook/addon-docs";

<Meta title="Squiggle/SquigglePlayground" component={SquigglePlayground} />

export const Template = (props) => <SquigglePlayground {...props} />;

# Squiggle Playground

A Squiggle playground is an environment where you can play around with all settings,
including sampling settings, in squiggle.

<Canvas>
  <Story
    name="Normal"
    args={{
      defaultCode: "normal(5,2)",
      height: 800,
    }}
  >
    {Template.bind({})}
  </Story>
</Canvas>

<Canvas>
  <Story
    name="With share button"
    args={{
      defaultCode: "normal(5,2)",
      height: 800,
      showShareButton: true,
    }}
  >
    {Template.bind({})}
  </Story>
</Canvas>
