storybook/docs/snippets/react/component-story-custom-args-complex.mdx.mdx

```md
<!-- YourComponent.stories.mdx -->

import { Canvas, Meta, Story } from '@storybook/addon-docs';

import { YourComponent } from './your-component';

<Meta 
  title="YourComponent" 
  component={YourComponent} 
  argTypes={{
    propertyA: {
      options: [
        'Item One',
        'Item Two',
        'Item Three'
      ],
    },
    propertyB: {
      options: [
        'Another Item One',
        'Another Item Two',
        'Another Item Three'
      ],
    },
  }} />

<!-- 👇 A function to apply some computations -->

export const someFunction = (valuePropertyA, valuePropertyB) => {
  // Makes some computations and returns something
};

<Canvas>
  <Story
    name="ExampleStory"
    args={{
      propertyA: 'Item One',
      propertyB: 'Another Item One',
    }}
    render={(args) => {
      const { propertyA, propertyB } = args;
      const someFunctionResult = someFunction(propertyA, propertyB);
      return <YourComponent {...args} someProperty={someFunctionResult} />;
    }} />
</Canvas>
```