import { Stack, Text } from '@mantine/core';
import texts from '../../../styles/Text.module.css';
import LinkItem from './LinkItem';

function LinkGroups({ links, category, isMobile }: any) {
	return (
		<Stack
			style={{
				marginBottom: '0em',
				display: 'block',
				lineHeight: '1.5rem',
				overflow: 'hidden',
			}}
		>
			<Text className={texts.linkCategory} classNames={texts}>
				{category}
			</Text>
			{links?.map((link: any) => (
				<LinkItem key={link.name} link={link} isMobile={isMobile} />
			))}
		</Stack>
	);
}

export default LinkGroups;