export default {
  title: 'Base|Links',
};

export const defaultLink = () => (
  `
    <a
      class="sprk-b-Link"
      href="#"
      data-id="link-1"
      data-analytics="object.action.event"
    >
      Simple Link
    </a>
  `
);

defaultLink.story = {
  name: 'Default',
};

export const simple = () => (
  `
    <a
      class="sprk-b-Link sprk-b-Link--simple"
      href="#"
      data-id="link-1"
      data-analytics="object.action.event"
    >
      Simple Link
    </a>
  `
);

export const iconWithTextLink = () => (
  `
    <a
      class="sprk-b-Link sprk-b-Link--has-icon sprk-b-Link--simple"
      href="#nogo"
      data-id="link-1"
      data-analytics="object.action.event"
    >
      <svg class="sprk-c-Icon sprk-c-Icon--l sprk-u-mrs sprk-c-Icon--stroke-current-color" viewBox="0 0 100 100">
        <use xlink:href="#communication" />
      </svg>

      Message Us
    </a>
  `
);

export const disabled = () => (
  `
    <a
      class="sprk-b-Link sprk-b-Link--disabled"
      href="#nogo"
      data-id="link-3"
      data-analytics="object.action.event"
    >
      Disabled
    </a>
  `
);
@@ -390,33 +390,33 @@
   data-id=%22link-
-1
+2
 %22%0A      data-ana
@@ -635,33 +635,33 @@
   data-id=%22link-
-1
+3
 %22%0A      data-ana
@@ -1023,33 +1023,33 @@
   data-id=%22link-
-3
+4
 %22%0A      data-ana

Update data ids