// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html

exports[`Table > rendering > should match snapshot 1`] = `
<div
  class="table-wrapper relative my-2 w-full min-w-0 max-w-full hover:[&_.table-toolbar]:opacity-100"
>
  <div
    class="table-scroll-viewport w-full min-w-0 max-w-full overflow-x-auto"
  >
    <table
      class="[&&_td]:wrap-break-word [&&_th]:wrap-break-word [&&]:my-0 [&&]:w-full [&&]:min-w-160 [&&]:border-separate [&&]:overflow-visible [&&]:rounded-none [&&]:border-0 [&&]:bg-transparent [&&]:text-foreground [&&]:leading-(--line-height-body-md) [&&_tbody>tr]:border-0 [&&_tbody]:bg-transparent [&&_td]:border-0 [&&_td]:bg-muted [&&_td]:px-3 [&&_td]:py-2 [&&_td]:align-top [&&_td]:font-normal [&&_td]:tracking-normal [&&_th]:border-0 [&&_th]:bg-muted [&&_th]:px-3 [&&_th]:py-2 [&&_th]:text-left [&&_th]:align-top [&&_th]:font-semibold [&&_th]:tracking-normal [&&_thead>tr]:border-0 [&&_thead]:bg-transparent [&&_tr:hover]:bg-transparent [&&_tr:hover_td]:bg-accent [&&_tr:hover_th]:bg-accent [&&_tr]:bg-transparent [&_td]:rounded-md [&_th]:rounded-md"
      style="border: 0px; border-radius: 0; border-spacing: var(--cs-size-5xs); margin: 0px; overflow: visible;"
    >
      <thead>
        <tr>
          <th>
            Header 1
          </th>
          <th>
            Header 2
          </th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            Cell 1
          </td>
          <td>
            Cell 2
          </td>
        </tr>
      </tbody>
    </table>
  </div>
  <div
    class="table-toolbar transform-[translateZ(0)] absolute top-2 right-2 z-10 flex gap-1 rounded-lg border border-border-subtle bg-popover p-1 opacity-0 shadow-md transition-opacity duration-200 ease-in-out will-change-[opacity]"
  >
    <div
      data-testid="tooltip"
      title="common.copy"
    >
      <div
        aria-label="common.copy"
        class="flex h-6 w-6 cursor-pointer select-none items-center justify-center rounded-md text-foreground-muted opacity-100 transition-all duration-200 ease-in-out will-change-[background-color,opacity] hover:bg-ghost-hover hover:text-foreground hover:shadow-xs"
        role="button"
      >
        <div
          data-testid="copy-icon"
          style="width: 14px; height: 14px;"
        />
      </div>
    </div>
    <div
      data-testid="tooltip"
      title="common.export.excel"
    >
      <div
        aria-label="common.export.excel"
        class="flex h-6 w-6 cursor-pointer select-none items-center justify-center rounded-md text-foreground-muted opacity-100 transition-all duration-200 ease-in-out will-change-[background-color,opacity] hover:bg-ghost-hover hover:text-foreground hover:shadow-xs"
        role="button"
      >
        <div
          data-testid="excel-icon"
          style="width: 14px; height: 14px;"
        />
      </div>
    </div>
  </div>
</div>
`;
