import { styled as r } from "../Theme/index.js";
const i = r("div")`
  background-color: transparent !important;
  & > :not(.Mui-disabled) {
    position: relative;
    z-index: 1;
    &::before {
      content: '';
      position: absolute;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      transition: opacity 0.3s;
    }
    &:hover::before {
      opacity: 0;
    }
    &::after {
      content: '';
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      border-radius: 2px;
      background-color: ${(t) => t.theme.palette.primary.main};
      transform: scale(0.1);
      opacity: 0;
      z-index: -1;
      transition:
        transform 0.3s,
        opacity 0.3s,
        background-color 0.3s;
    }
    &:hover::after {
      opacity: 1;
      transform-origin: center;
      transform: scale(1);
    }
  }
  & > :not(.Mui-disabled) {
    background-color: transparent !important;
    color: ${(t) => t.theme.palette.primary.main}!important;
  }
  & > :not(.Mui-disabled) {
    &:hover {
      color: ${(t) => t.theme.palette.common.white}!important;
    }
  }
`, n = (t = "") => t.replace(/(<([^>]+)>)/gi, "").trim(), a = (t = "") => {
  const o = parseInt(t, 10);
  return Number.isNaN(o) ? t : o < 1e3 ? o : o < 1e6 ? `${(o / 1e3).toFixed(1)}k` : o < 1e9 ? `${(o / 1e6).toFixed(1)}m` : `${(o / 1e9).toFixed(1)}b`;
};
export {
  i as default,
  a as formatDownloadCount,
  n as strippedString
};
