@kubit-ui-web/react-components/dist/esm/components/badgeV2/badge.styled.js

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

import styled from 'styled-components';
import { getStyles } from '../../utils/getStyles/getStyles';
export const BadgeStyled = styled.button `
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  ${props => getStyles(props.styles.container)}
`;
export const SpanContainerIconAndDot = styled.span `
  position: relative;
  display: inline-flex;
`;
export const BadgeDotStyled = styled.span `
  z-index: ${props => props.theme.Z_INDEX?.INTERN_1};
  position: absolute;
  top: 0;
  right: 0;
  line-height: 0;
  transform: ${({ customDotTranslate }) => {
    if (customDotTranslate) {
        return customDotTranslate;
    }
    return 'translate(30%, -30%)';
}};
`;
export const BadgeLabelStyled = styled.span `
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  ${props => getStyles(props.styles.labelContainer)}
`;
export const BadgeContainerStyled = styled.div `
  position: relative;
`;
//# sourceMappingURL=badge.styled.js.map