import { Meta, Story } from "@storybook/addon-docs";
import { Button } from "../src";

<Meta title="Usage" parameters={{
  storyshots: { disable: true }
}} />

In confirmation dialogs, there are two actions.<br/>
One to cancel the current process and one to confirm it.<br/>
Aborting is always the secondary action, confirmation always the primary.
Focus is always on the cancelling action.

<Story name="Confirmation Dialog">
  <div>
    <h4>Delete User</h4>
    <p>Do you really want to delete this user ?</p>
    <div>
      <Button variant="secondary">Cancel</Button>
      <Button variant="primary">Delete</Button>
    </div>
  </div>
</Story>