import docs from "./pn-profile-selector-docs.json";

export default {
  title: 'Components/Profile/Profile selector',
  parameters: {
    notes: docs,
    layout: 'fullscreen',
  },
};

const PrimaryTemplate = ({ ...args }) => {
  return `
  <pn-profile-selector heading="">
    <pn-profile-selector-option title="John Doe Karlsson (Privat)" description="john.doe.karlsson@hotmail.com" url="?id=123"></pn-profile-selector-option>
    <pn-profile-selector-option title="Company X" description="Kundnr: 1234321" url="?id=222"></pn-profile-selector-option>
    <pn-profile-selector-option title="Long name company incorporated business practice" description="Kundnr: 1234321" url="?id=123"></pn-profile-selector-option>
  </pn-profile-selector>
  // <hr/>
  // <a href="https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=http://localhost:6008/?path=/story/web-components-profile-selector--primary">AT Login </a>
`;
};

export const Primary = PrimaryTemplate.bind({});
Primary.args = {};
