<commit_before>export default {
  title: 'Components|Footer',
};<commit_msg>Add footer default story<commit_after>export default {
  title: 'Components|Footer',
};

export const defaultStory = () => (
  `
    <div class="sprk-o-Box sprk-o-Box--large sprk-u-BackgroundColor--gray">
    <footer class="sprk-o-CenteredColumn sprk-o-Stack sprk-o-Stack--misc-b" role="contentinfo" data-id="footer-1">
      <div class="sprk-o-Stack__item sprk-o-Stack sprk-o-Stack--medium sprk-o-Stack--split@m">
        <div class="sprk-o-Stack__item sprk-o-Stack__item--three-tenths@m sprk-o-Stack sprk-o-Stack--misc-b sprk-o-Box sprk-u-prh">
          <h3 class="sprk-o-Stack__item sprk-b-TypeBodyOne">
            Global Links
          </h3>

          <div class="sprk-o-Stack__item sprk-o-Stack sprk-o-Stack--medium">
            <div class="sprk-o-Stack__item">
              <a class="sprk-b-Link sprk-b-Link--plain" href="#">
                <div class="drizzle-c-Logo-placeholder drizzle-c-Logo-placeholder--medium"></div>
              </a>
            </div>

            <p class="sprk-o-Stack__item sprk-b-TypeBodyFour">
              Lorem ipsum dolor sit amet, consectetur.
            </p>
          </div>

          <div class="sprk-o-Stack__item sprk-o-Stack sprk-o-Stack--medium">
            <div class="sprk-o-Stack__item">
              <a class="sprk-b-Link sprk-b-Link--plain" href="#">
                <div class="drizzle-c-Logo-placeholder drizzle-c-Logo-placeholder--medium"></div>
              </a>
            </div>

            <p class="sprk-o-Stack__item sprk-b-TypeBodyFour">
              Lorem ipsum dolor sit amet, consectetur.
            </p>
          </div>

          <div class="sprk-o-Stack__item sprk-o-Stack sprk-o-Stack--medium">
            <div class="sprk-o-Stack__item">
              <a class="sprk-b-Link sprk-b-Link--plain" href="#">
                <div class="drizzle-c-Logo-placeholder drizzle-c-Logo-placeholder--medium"></div>
              </a>
            </div>

            <p class="sprk-o-Stack__item sprk-b-TypeBodyFour">
              Lorem ipsum dolor sit amet, consectetur.
            </p>
          </div>

          <div class="sprk-o-Stack__item sprk-o-Stack sprk-o-Stack--medium">
            <div class="sprk-o-Stack__item">
              <a class="sprk-b-Link sprk-b-Link--plain" href="#">
                <div class="drizzle-c-Logo-placeholder drizzle-c-Logo-placeholder--medium"></div>
              </a>
            </div>

            <p class="sprk-o-Stack__item sprk-b-TypeBodyFour">
              Lorem ipsum dolor sit amet, consectetur.
            </p>
          </div>
        </div>

        <div class="sprk-o-Stack__item sprk-o-Stack__item--seven-tenths@m sprk-o-Stack sprk-o-Stack--medium">
          <div class="sprk-o-Stack__item sprk-o-Stack sprk-o-Stack--medium sprk-o-Stack--split@m">
            <div class="sprk-o-Stack__item sprk-o-Stack__item--third@m sprk-o-Box sprk-u-PaddingRight--a sprk-o-Stack sprk-o-Stack--large">
              <h3 class="sprk-o-Stack__item sprk-b-TypeBodyOne">
                Site Links
              </h3>

              <ul class="sprk-o-Stack__item sprk-o-Stack sprk-o-Stack--misc-a sprk-b-List sprk-b-List--bare">
                <li class="sprk-o-Stack__item">
                  <a class="sprk-b-Link sprk-b-Link--simple sprk-u-FontWeight--normal" href="#nogo">
                    About This
                  </a>
                </li>

                <li class="sprk-o-Stack__item">
                  <a class="sprk-b-Link sprk-b-Link--simple sprk-u-FontWeight--normal" href="#nogo">
                    About This Other Thing
                  </a>
                </li>

                <li class="sprk-o-Stack__item">
                  <a class="sprk-b-Link sprk-b-Link--simple sprk-u-FontWeight--normal" href="#nogo">
                    About That
                  </a>
                </li>

                <li class="sprk-o-Stack__item">
                  <a class="sprk-b-Link sprk-b-Link--simple sprk-u-FontWeight--normal" href="#nogo">
                    Link Item
                  </a>
                </li>

                <li class="sprk-o-Stack__item">
                  <a class="sprk-b-Link sprk-b-Link--simple sprk-u-FontWeight--normal" href="#nogo">
                    This Link Item
                  </a>
                </li>
              </ul>
            </div>

            <div class="sprk-o-Stack__item sprk-o-Stack__item--third@m sprk-o-Box sprk-u-PaddingRight--a sprk-o-Stack sprk-o-Stack--large">
              <h3 class="sprk-o-Stack__item sprk-b-TypeBodyOne">
                Learn More
              </h3>

              <ul class="sprk-o-Stack__item sprk-o-Stack sprk-o-Stack--misc-a sprk-b-List sprk-b-List--bare">
                <li class="sprk-o-Stack__item">
                  <a class="sprk-b-Link sprk-b-Link--simple sprk-u-FontWeight--normal" href="#nogo">
                    About This Other Thing
                  </a>
                </li>

                <li class="sprk-o-Stack__item">
                  <a class="sprk-b-Link sprk-b-Link--simple sprk-u-FontWeight--normal" href="#nogo">
                    About This
                  </a>
                </li>

                <li class="sprk-o-Stack__item">
                  <a class="sprk-b-Link sprk-b-Link--simple sprk-u-FontWeight--normal" href="#nogo">
                    About That
                  </a>
                </li>

                <li class="sprk-o-Stack__item">
                  <a class="sprk-b-Link sprk-b-Link--simple sprk-u-FontWeight--normal" href="#nogo">
                    Link Item
                  </a>
                </li>
              </ul>
            </div>

            <div class="sprk-o-Stack__item sprk-o-Stack__item--third@m sprk-o-Box sprk-o-Stack sprk-o-Stack--large">
              <h3 class="sprk-o-Stack__item sprk-b-TypeBodyOne">
                Support
              </h3>

              <ul class="sprk-o-Stack__item sprk-o-Stack sprk-o-Stack--misc-a sprk-b-List sprk-b-List--bare">
                <li class="sprk-o-Stack__item">
                  <a class="sprk-b-Link sprk-b-Link--simple sprk-u-FontWeight--normal" href="#nogo">
                    Share Your Screen
                  </a>
                </li>
                <li class="sprk-o-Stack__item">
                  <a class="sprk-b-Link sprk-b-Link--simple sprk-u-FontWeight--normal" href="#nogo">
                    Opt Out
                  </a>
                </li>
                <li class="sprk-o-Stack__item">
                  <a class="sprk-b-Link sprk-b-Link--simple sprk-u-FontWeight--normal" href="#nogo">
                    Disclosures and Other Things
                  </a>
                </li>
                <li class="sprk-o-Stack__item">
                  <a class="sprk-b-Link sprk-b-Link--simple sprk-u-FontWeight--normal" href="#nogo">
                    We Want Your Feedback
                  </a>
                </li>
              </ul>
            </div>
          </div>

          <div class="sprk-o-Stack__item sprk-o-Stack sprk-o-Stack--large sprk-o-Box">
            <h3 class="sprk-o-Stack__item sprk-b-TypeBodyOne">
              Connect With Us
            </h3>

            <div class="sprk-o-Stack__item sprk-o-Stack sprk-o-Stack--large sprk-o-Stack--split@m">
              <ul class="sprk-o-Stack__item sprk-o-Stack__item--flex@m sprk-o-Stack sprk-o-Stack--split@xxs sprk-o-Stack--medium sprk-b-List sprk-b-List--bare">
                <li class="sprk-o-Stack__item">
                  <a class="sprk-b-Link sprk-b-Link--plain" href="#">
                    <svg class="sprk-c-Icon sprk-c-Icon--stroke-current-color sprk-c-Icon--l" viewBox="0 0 64 64">
                      <use xlink:href="#facebook-two-color" />
                    </svg>
                    <span class="sprk-u-ScreenReaderText">Facebook</span>
                  </a>
                </li>

                <li class="sprk-o-Stack__item">
                  <a class="sprk-b-Link sprk-b-Link--plain" href="#">
                    <svg class="sprk-c-Icon sprk-c-Icon--stroke-current-color sprk-c-Icon--l" viewBox="0 0 64 64">
                      <use xlink:href="#instagram-two-color" />
                    </svg>
                    <span class="sprk-u-ScreenReaderText">Instagram</span>
                  </a>
                </li>

                <li class="sprk-o-Stack__item">
                  <a class="sprk-b-Link sprk-b-Link--plain" href="#">
                    <svg class="sprk-c-Icon sprk-c-Icon--stroke-current-color sprk-c-Icon--l" viewBox="0 0 64 64">
                      <use xlink:href="#twitter-two-color" />
                    </svg>
                    <span class="sprk-u-ScreenReaderText">Twitter</span>
                  </a>
                </li>

                <li class="sprk-o-Stack__item">
                  <a class="sprk-b-Link sprk-b-Link--plain" href="#">
                    <svg class="sprk-c-Icon sprk-c-Icon--stroke-current-color sprk-c-Icon--l" viewBox="0 0 64 64">
                      <use xlink:href="#youtube-two-color" />
                    </svg>
                    <span class="sprk-u-ScreenReaderText">Youtube</span>
                  </a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>

      <span class="sprk-c-Divider sprk-u-mvn sprk-u-mhm" data-id="divider-1"></span>

      <div class="sprk-o-Stack__item sprk-o-Stack sprk-o-Stack--misc-b sprk-o-Box sprk-u-PaddingTop--b">
        <div class="sprk-o-Stack__item sprk-o-Stack sprk-o-Stack--large" data-id="award-1">
          <h3 class="sprk-o-Stack__item sprk-b-TypeBodyOne">
            Awards Heading Title
          </h3>

          <div class="sprk-o-Stack__item sprk-o-Stack sprk-o-Stack--medium sprk-o-Stack--split@s sprk-u-mbm">
            <div class="sprk-o-Stack__item">
              <a href="#">
                <div class="drizzle-c-Logo-placeholder"></div>
              </a>
            </div>

            <div class="sprk-o-Stack__item">
              <a href="#">
                <div class="drizzle-c-Logo-placeholder"></div>
              </a>
            </div>
          </div>

          <div class="sprk-o-Stack__item">
            <div data-sprk-toggle="container">
              <a class="sprk-b-TypeBodyFour sprk-b-Link sprk-b-Link--simple sprk-b-Link--has-icon sprk-u-FontWeight--normal" data-sprk-toggle="trigger" href="#">
                <svg class="sprk-c-Icon sprk-c-Icon--l sprk-c-Icon--stroke-current-color sprk-c-Icon--toggle sprk-u-mrs" data-sprk-toggle="icon" viewBox="0 0 64 64">
                  <use xlink:href="#chevron-down-circle-two-color"></use>
                </svg>
                My Award Disclaimer
              </a>

              <div data-sprk-toggle="content">
                <p class="sprk-b-TypeBodyFour sprk-u-pts sprk-u-pbs">
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam in laoreet ante,
                  non feugiat neque. Suspendisse et ipsum leo. Quisque non consectetur justo.
                </p>
              </div>
            </div>
          </div>
        </div>

        <p class="sprk-o-Stack__item sprk-b-TypeBodyFour">
          &#42;Lorem ipsum dolor sit amet, consectetur
          adipiscing elit, sed do eiusmod tempor
          incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
        </p>

        <p class="sprk-o-Stack__item sprk-b-TypeBodyFour">
          Incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
          Lorem ipsum dolor sit amet, consectetur.
        </p>

        <p class="sprk-o-Stack__item sprk-b-TypeBodyFour">
          &#42;&#42;Lorem ipsum dolor sit amet, consectetur
          adipiscing elit, sed do eiusmod tempor
          incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
          Lorem ipsum dolor sit amet, consectetur
          adipiscing elit, sed do eiusmod tempor
          incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
        </p>

        <p class="sprk-o-Stack__item sprk-b-TypeBodyFour">
          Lorem ipsum dolor sit amet, consectetur.
        </p>

        <ul class="sprk-o-Stack__item sprk-o-Stack__item--flex@m sprk-o-Stack sprk-o-Stack--split@xxs sprk-o-Stack--medium sprk-b-List sprk-b-List--bare">
          <li class="sprk-o-Stack__item">
            <a class="sprk-b-Link sprk-b-Link--plain" href="#">
              <svg class="sprk-c-Icon sprk-c-Icon--stroke-current-color sprk-c-Icon--l" viewBox="0 0 64 64">
                <use xlink:href="#townhouse" />
              </svg>
              <span class="sprk-u-ScreenReaderText">Townhouse</span>
            </a>
          </li>

          <li class="sprk-o-Stack__item">
            <a class="sprk-b-Link sprk-b-Link--plain" href="#">
              <svg class="sprk-c-Icon sprk-c-Icon--stroke-current-color sprk-c-Icon--l" viewBox="0 0 64 64">
                <use xlink:href="#townhouse" />
              </svg>
              <span class="sprk-u-ScreenReaderText">Townhouse</span>
            </a>
          </li>

          <li class="sprk-o-Stack__item">
            <a class="sprk-b-Link sprk-b-Link--plain" href="#">
              <svg class="sprk-c-Icon sprk-c-Icon--stroke-current-color sprk-c-Icon--l" viewBox="0 0 64 64">
                <use xlink:href="#townhouse" />
              </svg>
              <span class="sprk-u-ScreenReaderText">Townhouse</span>
            </a>
          </li>
        </ul>
      </div>
    </footer>
  </div>
  `
);

defaultStory.story = {
  name: 'Default',
};
{'fraction_non_alphanumeric': 0.15027462467960453, 'fraction_numerical': 0.005053094104723544, 'mean_word_length': 1.466317500451508, 'pattern_counts': {'":': 0, '<': 244, '<?xml version=': 0, '>': 245, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 11, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3625298', 'n_tokens_mistral': 4708, 'n_tokens_neox': 4442, 'n_words': 786}