import {{ storybookComponentName }}Twig from './{{ componentFilename }}.twig';
import {{ storybookComponentName }}Data from './{{ componentFilename }}.yml';
import './{{ componentFilename }}.js';

/**
 * Storybook Definition.
 */
export default {
  title: '{{ storybookTitle }}',
};

export const {{ storybookFunctionName }} = (args) => {
  // Create deep copy of data and merge args.
  let data = Object.assign(structuredClone({{ storybookComponentName }}Data ?? {}), args);

  return {{ storybookComponentName }}Twig({
    ...data,
  });
}
{{ storybookFunctionName }}.args = {{ storybookComponentName }}Data;
