@kubit-ui-web/react-components/dist/esm/components/dot/dotStandAlone.js

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

import { jsxs as _jsxs } from "react/jsx-runtime";
import React from 'react';
import { DotStyled } from './dot.styled';
const DotStandAloneComponent = ({ formatedNumber, label, sizeStyles, styles, dataTestId = 'dot', height, width }, ref) => {
    return (_jsxs(DotStyled, { ref: ref, "$height": height, "$width": width, "data-testid": dataTestId, sizeStyles: sizeStyles, styles: styles, children: [label, formatedNumber] }));
};
/**
 * @description
 * Dot component is a component that can be used to display a dot.
 * It can be used to display a notification dot or a dot to indicate a status.
 * @param {IDotStandAlone} props
 * @returns {JSX.Element}
 * @constructor
 * @example
 * <Dot variant="primary" size="SMALL" number={1} maxNumber={99} />
 */
export const DotStandAlone = React.forwardRef(DotStandAloneComponent);
//# sourceMappingURL=dotStandAlone.js.map