import { View} from 'react-native';
import { Heading } from '@/components/ui/heading';
import { Link } from 'expo-router';
import { FlatList } from 'react-native';
import {NoticeCard} from "@/components/NoticeCard";
import { Box } from '@/components/ui/box';
import { HStack } from "@/components/ui/hstack"
import { VStack } from '@/components/ui/vstack';
import { Button, ButtonText } from "@/components/ui/button"

export function NoticeSection({ notices, title, ctaLink=''}) {
  const rows = [];
  for (let i = 0; i < notices.length; i += 2) {
    rows.push(
      <HStack key={i} space="md">
        <NoticeCard notice={notices[i]} />
        {notices[i + 1] && <NoticeCard notice={notices[i + 1]} />}
      </HStack>
    );
  }
  return (
    <View className="mb-6">
      <Heading className="text-2xl font-bold mb-4 mt-4">{title}</Heading>      
      <VStack space="md">
        {rows}
      </VStack>
      {ctaLink && (
        <Link href={ctaLink} asChild>
      <Button className="mt-6" size="md" variant="solid" action="primary">
      <ButtonText>Zobacz więcej</ButtonText>
    </Button>
    </Link>)}
    </View>
  );
}