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

exports[`DataList Cell default 1`] = `
<DocumentFragment>
  <div
    class="pf-c-data-list__cell"
  >
    Secondary
  </div>
</DocumentFragment>
`;

exports[`DataList Cells 1`] = `
<DocumentFragment>
  <div
    class="pf-c-data-list__item-content"
  >
    <div
      class="pf-c-data-list__cell data-list-custom"
      id="primary-item"
    >
      Primary Id
    </div>
    <div
      class="pf-c-data-list__cell data-list-custom"
      id="primary-item"
    >
      Primary Id 2
    </div>
  </div>
</DocumentFragment>
`;

exports[`DataList DataList variants Breakpoint - 2xl 1`] = `
<DocumentFragment>
  <ul
    aria-label="this is a simple list"
    class="pf-c-data-list pf-m-grid-2xl"
  />
</DocumentFragment>
`;

exports[`DataList DataList variants Breakpoint - always 1`] = `
<DocumentFragment>
  <ul
    aria-label="this is a simple list"
    class="pf-c-data-list pf-m-grid"
  />
</DocumentFragment>
`;

exports[`DataList DataList variants Breakpoint - lg 1`] = `
<DocumentFragment>
  <ul
    aria-label="this is a simple list"
    class="pf-c-data-list pf-m-grid-lg"
  />
</DocumentFragment>
`;

exports[`DataList DataList variants Breakpoint - md 1`] = `
<DocumentFragment>
  <ul
    aria-label="this is a simple list"
    class="pf-c-data-list pf-m-grid-md"
  />
</DocumentFragment>
`;

exports[`DataList DataList variants Breakpoint - none 1`] = `
<DocumentFragment>
  <ul
    aria-label="this is a simple list"
    class="pf-c-data-list pf-m-grid-none"
  />
</DocumentFragment>
`;

exports[`DataList DataList variants Breakpoint - sm 1`] = `
<DocumentFragment>
  <ul
    aria-label="this is a simple list"
    class="pf-c-data-list pf-m-grid-sm"
  />
</DocumentFragment>
`;

exports[`DataList DataList variants Breakpoint - xl 1`] = `
<DocumentFragment>
  <ul
    aria-label="this is a simple list"
    class="pf-c-data-list pf-m-grid-xl"
  />
</DocumentFragment>
`;

exports[`DataList DataListAction button 1`] = `
<DocumentFragment>
  <div
    class="pf-c-data-list__item-action"
  >
    <button
      aria-disabled="false"
      class="pf-c-button pf-m-primary"
      data-ouia-component-id="OUIA-Generated-Button-primary-1"
      data-ouia-component-type="PF4/Button"
      data-ouia-safe="true"
      id="delete-item-1"
      type="button"
    >
      Delete
    </button>
  </div>
</DocumentFragment>
`;

exports[`DataList DataListAction dropdown 1`] = `
<DocumentFragment>
  <div
    class="pf-c-data-list__item-action"
  >
    <div
      class="pf-c-data-list__action"
    >
      <div
        class="pf-c-dropdown pf-m-align-right"
        data-ouia-component-id="OUIA-Generated-Dropdown-1"
        data-ouia-component-type="PF4/Dropdown"
        data-ouia-safe="true"
      >
        <button
          aria-expanded="false"
          aria-haspopup="true"
          aria-label="Actions"
          class="pf-c-dropdown__toggle pf-m-plain"
          id="pf-dropdown-toggle-id-0"
          type="button"
        >
          <svg
            aria-hidden="true"
            fill="currentColor"
            height="1em"
            role="img"
            style="vertical-align: -0.125em;"
            viewBox="0 0 192 512"
            width="1em"
          >
            <path
              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
            />
          </svg>
        </button>
      </div>
    </div>
  </div>
</DocumentFragment>
`;

exports[`DataList DataListContent 1`] = `
<DocumentFragment>
  <section
    aria-label="Primary Content Details"
    class="pf-c-data-list__expandable-content"
    id=""
  >
    <div
      class="pf-c-data-list__expandable-content-body"
    >
       test
    </div>
  </section>
</DocumentFragment>
`;

exports[`DataList DataListContent hasNoPadding 1`] = `
<DocumentFragment>
  <section
    aria-label="Primary Content Details"
    class="pf-c-data-list__expandable-content"
    hidden=""
    id=""
  >
    <div
      class="pf-c-data-list__expandable-content-body pf-m-no-padding"
    >
      test
    </div>
  </section>
</DocumentFragment>
`;

exports[`DataList Item 1`] = `
<DocumentFragment>
  <li
    aria-labelledby="item-1"
    class="pf-c-data-list__item data-list-item-custom"
    id=""
  />
</DocumentFragment>
`;

exports[`DataList Item default 1`] = `
<DocumentFragment>
  <li
    aria-labelledby="item-1"
    class="pf-c-data-list__item"
    id=""
  />
</DocumentFragment>
`;

exports[`DataList List 1`] = `
<DocumentFragment>
  <ul
    aria-label="this is a simple list"
    class="pf-c-data-list pf-m-grid-md data-list-custom"
  />
</DocumentFragment>
`;

exports[`DataList List compact 1`] = `
<DocumentFragment>
  <ul
    aria-label="this is a simple list"
    class="pf-c-data-list pf-m-compact pf-m-grid-md"
  />
</DocumentFragment>
`;

exports[`DataList List default 1`] = `
<DocumentFragment>
  <ul
    aria-label="this is a simple list"
    class="pf-c-data-list pf-m-grid-md"
  />
</DocumentFragment>
`;

exports[`DataList List draggable 1`] = `
<DocumentFragment>
  <ul
    aria-label="this is a simple list"
    class="pf-c-data-list pf-m-compact pf-m-grid-md"
  />
</DocumentFragment>
`;

exports[`DataList item row default 1`] = `
<DocumentFragment>
  <div
    class="pf-c-data-list__item-row"
  />
</DocumentFragment>
`;
