export function ActionStatusIndicator()

in src/components/ActionStatusIndicator.tsx [41:59]


export function ActionStatusIndicator({ showRect, status }: IActionStatusIndicator) {
  const euiTheme = useContext(EuiThemeContext);

  return (
    <svg width="50" height="62" style={{ left: 26, top: 0, position: 'relative' }}>
      {!!showRect && (
        <rect
          x="24"
          width="2"
          height="40"
          y="0"
          style={{ fill: euiTheme.colors.lightShade, stroke: 'none' }}
        />
      )}
      <circle cx="25" cy="37" r="12" fill={euiTheme.colors.emptyShade} />
      <circle cx="25" cy="37" r="3" fill={getColorForStatus(euiTheme, status)} />
    </svg>
  );
}