import { Meta, Story, ArgsTable, Canvas } from "@storybook/addon-docs/blocks";
import { action } from "@storybook/addon-actions";

import { TransformWrapper, TransformComponent } from "../../../components";
import { argsTypes } from "../../types/args.types";
import { Example } from "./example";

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

<Meta
  title="Examples/SVG Zoom To Element"
  component={TransformWrapper}
  argTypes={argsTypes}
/>

# SVG Zoom To Element

<br />

### Preview:

<Canvas>
  <Story name="SVG Zoom To Element">{(args) => <Template {...args} />}</Story>
</Canvas>

## Component API

<ArgsTable story="SVG Zoom To Element" />
