import React from 'react';

const GoogleReviewsBranding = ({ centered = false }) => {
    return (
        <div className="google-reviews-branding-global" style={{
            alignItems: centered ? 'center' : 'flex-start'
        }}>
            <div className="google-logo">
                <span style={{ color: '#4285F4' }}>G</span>
                <span style={{ color: '#EA4335' }}>o</span>
                <span style={{ color: '#FBBC04' }}>o</span>
                <span style={{ color: '#4285F4' }}>g</span>
                <span style={{ color: '#34A853' }}>l</span>
                <span style={{ color: '#EA4335' }}>e</span>
            </div>
            <div className="reviews-text-stars">
                <span style={{ color: '#fff' }}>Reviews</span>
                <div className="stars-container">
                    <span style={{ color: '#FBBC04' }}>★</span>
                    <span style={{ color: '#FBBC04' }}>★</span>
                    <span style={{ color: '#FBBC04' }}>★</span>
                    <span style={{ color: '#FBBC04' }}>★</span>
                    <span style={{ color: '#FBBC04' }}>★</span>
                </div>
            </div>
        </div>
    );
};

export default GoogleReviewsBranding;
