box-ui-elements/es/components/nudge/Nudge.stories.js

Box UI Elements

import * as React from 'react';
import BoxMobile140 from '../../illustration/BoxMobile140';
import Nudge from './Nudge';
import notes from './Nudge.stories.md';
const onButtonClick = () => {
  // eslint-disable-next-line no-console
  console.log('button clicked');
};
export const regular = () => {
  // eslint-disable-next-line react-hooks/rules-of-hooks
  const [isShown, setIsShown] = React.useState(true);
  const onNudgeClose = () => setIsShown(false);
  return /*#__PURE__*/React.createElement(Nudge, {
    buttonText: /*#__PURE__*/React.createElement("span", null, "Pellentesque port"),
    content: /*#__PURE__*/React.createElement("span", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis rutrum turpis."),
    illustration: /*#__PURE__*/React.createElement(BoxMobile140, {
      height: 140,
      width: 140
    }),
    isShown: isShown,
    header: /*#__PURE__*/React.createElement("span", null, "Heading goes here"),
    onButtonClick: onButtonClick,
    onCloseButtonClick: onNudgeClose
  });
};
export default {
  title: 'Components/Nudge',
  component: Nudge,
  parameters: {
    notes
  }
};
//# sourceMappingURL=Nudge.stories.js.map