import{jsx as c}from"react/jsx-runtime";import{styled as i}from"../../styled-components.js";function s({sign:r,className:o,color:e}){return c(l,{className:o,color:e,children:r})}const l=i.span`
  background-color: var(--bg-color);
  border-radius: 50%;
  border: 1px solid ${({color:r})=>r||"var(--border-color-primary)"};
  font-size: var(--font-size-lg);
  line-height: var(--font-size-lg);
  color: ${({color:r})=>r||"var(--text-color-secondary)"};
  width: 20px;
  height: 20px;
`;export{s as CircleIcon};
