import React from 'react';
import { Box } from '@/shared/ui/Box';
import { cn } from '@/shared/libs';

export const RingSoft = React.memo(({ className, size }) => {
  return (
    <Box
      className={cn('absolute rounded-full', className)}
      style={{
        width: size,
        height: size,
        border: '1px solid rgba(52, 82, 255, 0.22)',
      }}
    />
  );
});