// 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 box--flex-direction-row box--color-text-default"
  >
    display-md
  </h1>
  <h2
    class="box mm-text mm-text--heading-lg box--flex-direction-row box--color-text-default"
  >
    heading-lg
  </h2>
  <h3
    class="box mm-text mm-text--heading-md box--flex-direction-row box--color-text-default"
  >
    heading-md
  </h3>
  <h4
    class="box mm-text mm-text--heading-sm box--flex-direction-row box--color-text-default"
  >
    heading-sm
  </h4>
  <p
    class="box mm-text mm-text--body-lg-medium box--flex-direction-row box--color-text-default"
  >
    body-lg-medium
  </p>
  <p
    class="box mm-text mm-text--body-md box--flex-direction-row box--color-text-default"
  >
    body-md
  </p>
  <p
    class="box mm-text mm-text--body-md-medium box--flex-direction-row box--color-text-default"
  >
    body-md-medium
  </p>
  <p
    class="box mm-text mm-text--body-md-bold box--flex-direction-row box--color-text-default"
  >
    body-md-bold
  </p>
  <p
    class="box mm-text mm-text--body-sm box--flex-direction-row box--color-text-default"
  >
    body-sm
  </p>
  <p
    class="box mm-text mm-text--body-sm-medium box--flex-direction-row box--color-text-default"
  >
    body-sm-medium
  </p>
  <p
    class="box mm-text mm-text--body-sm-bold box--flex-direction-row box--color-text-default"
  >
    body-sm-bold
  </p>
  <p
    class="box mm-text mm-text--body-xs box--flex-direction-row box--color-text-default"
  >
    body-xs
  </p>
  <p
    class="box mm-text mm-text--body-xs-medium box--flex-direction-row box--color-text-default"
  >
    body-xs-medium
  </p>
</div>
`;