@fluido/react-components/dist/scrollable-list/navigation-dot.js

Fluido webapp components

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const styled_components_1 = __importDefault(require("styled-components"));
const NavigationDot = styled_components_1.default.div `
  width: 1rem;
  height: 2rem;
  padding: 0;
  background: unset;
  background-image: radial-gradient(
    circle at center,
    var(--dots-color) 0.25rem,
    transparent 0.25rem
  );
  appearance: none;
  border: 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
`;
exports.default = NavigationDot;