nexo-solutions-review-carousel
Version:
A customizable review carousel component for React applications
29 lines (28 loc) • 1.5 kB
JavaScript
import React from 'react';
import { ReviewCarousel } from './ReviewCarousel';
import { restaurantConfig } from '../../config/restaurantConfig';
var ExampleUsage = function (_a) {
var language = _a.language;
// Get reviews from restaurant config
var reviews = restaurantConfig.testimonials;
return (React.createElement("section", { className: "py-12 bg-gray-100", id: "testimonials" },
React.createElement("div", { className: "container mx-auto px-4" },
React.createElement("div", { className: "text-center mb-12" },
React.createElement("h2", { className: "text-3xl font-bold mb-4" }, language === 'en' ? 'Customer Reviews' : 'Avaliações dos Clientes'),
React.createElement("div", { className: "w-24 h-1 bg-[#ffc800] mx-auto" })),
React.createElement(ReviewCarousel, { reviews: reviews, language: language, accentColor: restaurantConfig.colors.accent, translations: {
readMore: {
en: 'Read More',
pt: 'Ler Mais',
},
swipeHint: {
en: 'Swipe to see more reviews',
pt: 'Deslize para ver mais avaliações',
},
viewOn: {
en: 'View on Google Maps',
pt: 'Ver no Google Maps',
},
} }))));
};
export default ExampleUsage;