<commit_before>import React from 'react';

import SprkHighlightBoard from './SprkHighlightBoard';

export default {
  title: 'Components|Highlight Board',
  component: SprkHighlightBoard,
};

export const defaultStory = () => (
  <SprkHighlightBoard
    imgSrc="https://staging.sparkdesignsystem.com/assets/toolkit/images/desktop.jpg"
    imgAlt="desktop"
    heading="Hello, Welcome To Spark Design System"
    ctaText="Designers"
    ctaHref="/gettingstarted/designers.html"
    ctaText2="Developers"
    ctaHref2="/gettingstarted/developers.html"
    idString="highlightboard-1"
  />
);

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

export const noImage = () => (
  <SprkHighlightBoard
    variant="noImage"
    heading="Hello, Welcome To Spark Design System"
    ctaText="Designers"
    ctaHref="#"
    ctaText2="Developers"
    ctaHref2="#"
    idString="highlightboard-2"
  />
);

noImage.story = {
  name: 'No Image',
};

export const stacked = () => (
  <SprkHighlightBoard
    variant="stacked"
    imgSrc="https://staging.sparkdesignsystem.com/assets/toolkit/images/desktop.jpg"
    imgAlt="desktop"
    heading="Hello, Welcome To Spark Design System"
    ctaText="Designers"
    ctaHref="/gettingstarted/designers.html"
    ctaText2="Developers"
    ctaHref2="/gettingstarted/developers.html"
    idString="highlightboard-3"
  />
);

stacked.story = {
  name: 'Stacked',
};<commit_msg>Update image path for desktop<commit_after>import React from 'react';

import SprkHighlightBoard from './SprkHighlightBoard';

export default {
  title: 'Components|Highlight Board',
  component: SprkHighlightBoard,
};

export const defaultStory = () => (
  <SprkHighlightBoard
    imgSrc="https://spark-assets.netlify.com/desktop.jpg"
    imgAlt="desktop"
    heading="Hello, Welcome To Spark Design System"
    ctaText="Designers"
    ctaHref="/gettingstarted/designers.html"
    ctaText2="Developers"
    ctaHref2="/gettingstarted/developers.html"
    idString="highlightboard-1"
  />
);

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

export const noImage = () => (
  <SprkHighlightBoard
    variant="noImage"
    heading="Hello, Welcome To Spark Design System"
    ctaText="Designers"
    ctaHref="#"
    ctaText2="Developers"
    ctaHref2="#"
    idString="highlightboard-2"
  />
);

noImage.story = {
  name: 'No Image',
};

export const stacked = () => (
  <SprkHighlightBoard
    variant="stacked"
    imgSrc="https://spark-assets.netlify.com/desktop.jpg"
    imgAlt="desktop"
    heading="Hello, Welcome To Spark Design System"
    ctaText="Designers"
    ctaHref="/gettingstarted/designers.html"
    ctaText2="Developers"
    ctaHref2="/gettingstarted/developers.html"
    idString="highlightboard-3"
  />
);

stacked.story = {
  name: 'Stacked',
};
{'fraction_non_alphanumeric': 0.1386066763425254, 'fraction_numerical': 0.006531204644412192, 'mean_word_length': 4.077348066298343, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 15, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '533670', 'n_tokens_mistral': 985, 'n_tokens_neox': 904, 'n_words': 156}