// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Text should render the Text with proper variant class name 1`] = `
<div>
  <h1
    class="box mm-text mm-text--display-md mm-text--color-text-default box--flex-direction-row"
  >
    display-md
  </h1>
  <h2
    class="box mm-text mm-text--heading-lg mm-text--color-text-default box--flex-direction-row"
  >
    heading-lg
  </h2>
  <h2
    class="box mm-text mm-text--heading-md mm-text--color-text-default box--flex-direction-row"
  >
    heading-md
  </h2>
  <h2
    class="box mm-text mm-text--heading-sm mm-text--color-text-default box--flex-direction-row"
  >
    heading-sm
  </h2>
  <p
    class="box mm-text mm-text--body-lg-medium mm-text--color-text-default box--flex-direction-row"
  >
    body-lg-medium
  </p>
  <p
    class="box mm-text mm-text--body-md mm-text--color-text-default box--flex-direction-row"
  >
    body-md
  </p>
  <p
    class="box mm-text mm-text--body-md-bold mm-text--color-text-default box--flex-direction-row"
  >
    body-md-bold
  </p>
  <p
    class="box mm-text mm-text--body-sm mm-text--color-text-default box--flex-direction-row"
  >
    body-sm
  </p>
  <p
    class="box mm-text mm-text--body-sm-bold mm-text--color-text-default box--flex-direction-row"
  >
    body-sm-bold
  </p>
  <p
    class="box mm-text mm-text--body-xs mm-text--color-text-default box--flex-direction-row"
  >
    body-xs
  </p>
</div>
`;