```ts
// Button.stories.mdx

import { componentWrapperDecorator, Meta, moduleMetadata, Story } from '@storybook/angular';

import { Button } from './button.component';
import { Parent } from './parent.component'; // Parent contains ng-content

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

export const Primary: Story = {
  decorators: [componentWrapperDecorator((story) => `<div style="margin: 3em">${story}</div>`)],
};

export const InsideParent: Story = {
  decorators: [
    moduleMetadata({
      declarations: [Parent],
    }),
    componentWrapperDecorator(Parent),
  ],
};
```