import React from 'react';

/**
 * Логотип Рублокса (A02): синий скруглённый квадрат + белый треугольник + play.
 * Inline SVG — масштабируется без потерь, не требует загрузки файла.
 *
 * Props:
 *   size — px (default 40)
 *   bg   — переопределить фон (по умолчанию #3357ff)
 *   spin — true для медленного вращения (используется для loaders/декора)
 */
const RublocsLogo = ({ size = 40, bg = '#3357ff', spin = false, style }) => (
    <svg
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 512 512"
        width={size}
        height={size}
        style={{
            display: 'block', flexShrink: 0,
            animation: spin ? 'kubikonSpin 8s linear infinite' : undefined,
            ...style,
        }}
    >
        <rect width="512" height="512" rx="64" fill={bg} />
        <path d="M 256,80 L 432,392 L 80,392 Z" fill="#ffffff" />
        <path d="M 220,210 L 220,310 L 310,260 Z" fill={bg} />
    </svg>
);

export default RublocsLogo;
