story.js

import { html } from 'lit';
import readme from './README.md';
import changelog from './CHANGELOG.md';
import '../../10-atoms/text';
import '../../10-atoms/heading';
import '../../10-atoms/button';
import './index';

export default {
  title: 'Components/Modal',
  parameters: {
    readme,
    changelog,
  },
  args: {
    open: false,
    forced: false,
    small: false,
    noHeader: false,
  },
  argTypes: {
    open: { control: 'boolean' },
    forced: { control: 'boolean' },
    small: { control: 'boolean' },
    noHeader: { control: 'boolean' },
  },
};

export const Modal = ({ open, forced, small, noHeader }) => html`
  <style>
    .modal-story__close-modal-child-button {
      margin-top: 20px;
    }
  </style>
  <axa-modal
    ?open="${open}"
    ?forced="${forced}"
    ?small="${small}"
    ?noheader="${noHeader}"
  >
    <axa-heading size="2">Liability insurance</axa-heading>
    <axa-text>
      The liability insurance protects the company against the financial
      consequences of personal injury and property damage caused by thecompany
      to others.
    </axa-text>
    <axa-heading size="3">Damage example</axa-heading>
    <axa-text>
      An aerosol can sold by the insured company explodes on the customer's
      customer and injures him.
    </axa-text>
    <axa-heading size="3">For who is this insurance suitable?</axa-heading>
    <axa-text>
      For all companies, as claims for damages can often threaten the existence
      of a company. can be threatening to the company's existence.
    </axa-text>

    <axa-text>
      Many people train their body. But who also trains their brain? "The brain
      needs to be trained just as much as the body," says Professor Siegfried
      Lehrl of the University of Erlangen-Nuremberg. Because scientific studies
      have shown that we can increase the performance of our brain by 10 to 15%
      if we exercise our brain for we train our brain for ten minutes a day for
      a few weeks. This brain jogging is particularly important for people who
      make little mental little mental effort in everyday life. An example are
      Hospital patients: After just a few days, their intelligence quotient
      begins to decline. After three weeks of hospitalization it can already be
      20% lower than usual. This brain jogging is particularly important
      especially important for people who do not exert much mental effort in
      everyday life. mental effort in everyday life. One example is hospital
      patients: After just a few days days, their intelligence quotient begins
      to decline. After three weeks hospitalization, it can already be 20% lower
      than usual.
    </axa-text>
    <axa-button
      class="modal-story__close-modal-child-button"
      onclick="document.querySelector('axa-modal').removeAttribute('open')"
    >
      I accept the terms and conditions
    </axa-button>
  </axa-modal>

  <button
    type="button"
    class="js-modal-story__button"
    onClick="document.getElementsByTagName('axa-modal')[0].setAttribute('open', '');"
  >
    Open modal
  </button>
`;