import globalThis from 'global';

// FIXME: do this using basic React functions for multi-framework
//        once sandbox linking is working
//
// import { createElement } from 'react';
// import { Title, Primary } from '@storybook/addon-docs';
//
// const Override = () =>
//   createElement('div', { style: { border: '10px solid green', padding: '100px' } }, [
//     createElement(Title),
//     createElement(Primary),
//   ]);
const Override = () => 'overridden';

export default {
  component: globalThis.Components.Button,
  args: { label: 'Click Me!' },
  parameters: {
    chromatic: { disable: true },
    docs: { page: Override },
  },
};

export const Basic = {};
