function getStyles(props) {
  const { accent, size, stroke, theme } = props;
  const { badge, palette } = theme;

  const local = {
    container: {},
    strokeContainer: {},
  };

  if (size && stroke) {
    const strokeSize = size;
    const contentSize = size - stroke;

    local.strokeContainer.width = strokeSize;
    local.strokeContainer.height = strokeSize;
    local.strokeContainer.borderRadius = strokeSize / 2;

    local.container.position = null;
    local.container.width = contentSize;
    local.container.height = contentSize;
    local.container.borderRadius = contentSize / 2;
  } else if (size && !stroke) {
    local.container.width = size;
    local.container.height = size;
    local.container.borderRadius = size / 2;
  }

  if (accent) {
    local.container.backgroundColor = palette.accentColor;
  }

  return {
    container: [badge.container, local.container, props.style.container],
    strokeContainer: [
      badge.strokeContainer,
      local.strokeContainer,
      props.style.strokeContainer,
    ],
    content: [badge.content, local.content, props.style.content],
  };
}
You can specify stroke for badge. Note that if you use stroke it swaps container and
strokeContainer. So if you override styles of container you probably need to override
strokeContainer instead the container. Because if you use stroke then the strokeContainer
will be wrapper of whole badge component.