import { jsx as _jsx } from "react/jsx-runtime";
import { styled } from '../../styled-components.js';
export function CircleIcon({ sign, className, color }) {
    return (_jsx(StyledCircleIcon, { className: className, color: color, children: sign }));
}
const StyledCircleIcon = styled.span `
  background-color: var(--bg-color);
  border-radius: 50%;
  border: 1px solid ${({ color }) => color || 'var(--border-color-primary)'};
  font-size: var(--font-size-lg);
  line-height: var(--font-size-lg);
  color: ${({ color }) => color || 'var(--text-color-secondary)'};
  width: 20px;
  height: 20px;
`;
//# sourceMappingURL=PlusCircleIcon.js.map