31 lines
1.2 KiB
TypeScript
31 lines
1.2 KiB
TypeScript
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;
|