All files / src/tagsearchbox/valueselect Loading.tsx

25% Statements 1/4
100% Branches 0/0
0% Functions 0/1
25% Lines 1/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21          1x                              
import React from "react";
import { useConfig } from "../../_util/config-context";
import { useTranslation } from "../../i18n";
import { DropdownBox } from "../../dropdown";
 
export const Loading = ({ offset }: { offset?: number }) => {
  const t = useTranslation();
  const { classPrefix } = useConfig();
  return (
    <DropdownBox style={{ left: `${offset}px` }}>
      <ul className={`${classPrefix}-option-list`} role="menu">
        <li role="presentation" className="is-disabled">
          <div role="menuitem" className={`${classPrefix}-option-list__item`}>
            {t.loadingText}
          </div>
        </li>
      </ul>
    </DropdownBox>
  );
};