/**
 * Copyright (c) Cisco Systems, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */

import { withA11y } from "@storybook/addon-a11y";
import { boolean, withKnobs } from "@storybook/addon-knobs";
import { html } from "lit-element";
import "@/components/profile/Profile";
import { profileMock, contactDataMock } from "@/[sandbox]/sandbox.mock";

export default {
  title: "Profile",
  component: "cjaas-profile",
  decorators: [withKnobs, withA11y],
  parameters: {
    a11y: {
      element: "cjaas-profile"
    }
  }
};

export const Profile = () => {
  const snapshot = boolean("snapshot", false);
  const compact = boolean("compact", false);
  return html`
    <cjaas-profile
      .profileData=${profileMock}
      .contactData=${contactDataMock}
      ?snapshot=${snapshot}
      ?compact=${compact}
    >
    </cjaas-profile>
  `;
};