import React from 'react';
import { SBox } from '../s-components/layout/s-box';

export const BlueDot: React.FC = () => {
  return (
    <SBox
      width={16}
      height={16}
      bg="dodgerBlue"
      borderRadius={2}
      testID="blue-dot"
    >
      <SBox width={8} height={8} borderRadius={4} bg="white" top={4} left={4} />
    </SBox>
  );
};