// import React from 'react';
// import { Carousel, TextCarousel } from '@mantine/core';
// import { useSelector } from 'react-redux';

// import { RootState } from '../../app/store';

// interface MediaCarouselProps {
//   mediaType: 'video' | 'photo';
// }

// const MediaCarousel: React.FC<MediaCarouselProps> = ({ mediaType }) => {
//   const media = useSelector((state: RootState) => state.media);
//   const filteredMedia = media.filter((m) => m.type === mediaType);

//   return (
//     <Carousel
//       withControls
//       transition="fade"
//       offset={5}
//       effect="fade"
//       color="gray"
//       radius={5}
//       height={300}
//       style={{ marginTop: '2rem' }}
//     >
//       {filteredMedia.map((m) =>
//         mediaType === 'video' ? (
//           <video key={m.id} controls>
//             <source src={m.url} type="video/mp4" />
//             <TextCarousel delay={3000} transition="fade">
//               Sorry, your browser does not support embedded videos.
//             </TextCarousel>
//           </video>
//         ) : (
//           <img key={m.id} src={m.url} alt={m.title} />
//         ),
//       )}
//     </Carousel>
//   );
// };

// export default MediaCarousel
export{}