import { componentName } from '../src/components/descope-notp-image';
import { customHeightControl, customWidthControl } from './commonControls';

const Template = ({ 'st-width': customWidth, 'st-height': customHeight }) => `
  <descope-notp-image
    st-height="${customHeight || ''}"
    st-width="${customWidth || ''}"
  ></descope-notp-image>
`;

export default {
  component: componentName,
  title: 'descope-notp-image',
  parameters: {
    panelPosition: 'right',
    controls: { expanded: true },
  },
  argTypes: {
    ...customHeightControl,
    ...customWidthControl,
  },
};

export const Default = Template.bind({});

Default.args = {
  'st-width': '',
  'st-height': '',
};
