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

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

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

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

<Meta title='Example of how to use argTypes and functions' />

<!--- a function to apply some computations -->
export const someFunction = (valuePropertyA, valuePropertyB) => {
  <!--- makes some computations and returns something -->
};

export const Template = ({propertyA,propertyB,...rest})=>{
  const someFunctionResult = someFunction(propertyA, propertyB);
  return <YourComponent somePoperty={someFunctionResult} {...rest} />;
}

<Canvas>
  <Story
    name="A complex case with a function"
    argTypes={{
      propertyA: {
        control: {
          type: 'select',
          options: [
            'Item One', 
            'Item Two', 
            'Item Three'
          ],
        },
      },
      propertyB: {
        control: {
          type: 'select',
          options: [
            'Another Item One',
            'Another Item Two',
            'Another Item Three'
          ],
        },
      },
    }}
    args={{
      propertyA: 'Item One',
      propertyB: 'Another Item One',
    }}>
    {Template.bind({})}
  </Story>
</Canvas>
```