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

const MyClips = () => {
  return (
    <CardContainer label="Mes Clips">
      <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 MyClips