import { View, Text, Image } from "react-native";
import React from "react";
import CardContainer from "./CardContainer";
import { Style } from "../../../styles";
import { img } from "../../../assets";

const LikedClips = () => {
  return (
    <CardContainer label="Clips likés">
      <View style={{ ...Style.containerRow, gap: 6 }}>
        {Array.from({ length: 3 }).map((_, index) => (
          <View style={{ flex: 1 }} key={index}>
            <Image
              source={img.placeholder3}
              style={{ width: "100%", height: 172, borderRadius: 10 }}
            />
          </View>
        ))}
      </View>
    </CardContainer>
  );
};

export default LikedClips;
