metamask-extension/ui/components/component-library/text/__snapshots__/text.test.js.snap

// 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>
  <h3
    class="box mm-text mm-text--heading-md mm-text--color-text-default box--flex-direction-row"
  >
    heading-md
  </h3>
  <h4
    class="box mm-text mm-text--heading-sm mm-text--color-text-default box--flex-direction-row"
  >
    heading-sm
  </h4>
  <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>
`;