storybook/docs/snippets/common/foo-bar-baz-story.js.mdx

```js
// FooBar.stories.js|jsx|ts|tsx

import { Foo } from './Foo';

export default {
  /* 👇 The title prop is optional.
   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
   * to learn how to generate automatic titles
   */
  title: 'Foo/Bar',
  component: Foo,
};

const BarStory = () => ({
  // Your template goes here
});

export const Baz = BarStory.bind({})
```