@primer/react/lib-esm/UnderlineNav2/LoadingCounter.js

An implementation of GitHub's Primer Design System using React

import styled, { keyframes } from 'styled-components';
import { get } from '../constants.js';

const loading = keyframes(["from{opacity:1;}to{opacity:0.2;}"]);
const LoadingCounter = styled.span.withConfig({
  displayName: "LoadingCounter",
  componentId: "sc-ouonic-0"
})(["animation:", " 1.2s ease-in-out infinite alternate;background-color:", ";border-color:", ";width:1.5rem;height:1rem;display:inline-block;border-radius:20px;"], loading, get('colors.neutral.muted'), get('colors.border.default'));

export { LoadingCounter };