"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CircleIcon=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components"));function CircleIcon({sign:e,className:r,color:o}){return(0,jsx_runtime_1.jsx)(StyledCircleIcon,{className:r,color:o,children:e})}exports.CircleIcon=CircleIcon;const StyledCircleIcon=styled_components_1.default.span`
  background-color: var(--bg-color);
  border-radius: 50%;
  border: 1px solid ${({color:e})=>e||"var(--border-color-primary)"};
  font-size: var(--font-size-lg);
  line-height: var(--font-size-lg);
  color: ${({color:e})=>e||"var(--text-color-secondary)"};
  width: 20px;
  height: 20px;
`;
//# sourceMappingURL=PlusCircleIcon.js.map