Fragment

import { Fragment, Text, VStack } from 'kuito';

const albums = [
  { id: 'a1', title: 'Night Drive', artist: 'Ada Ray' },
  { id: 'a2', title: 'Low Tide', artist: 'The Shoals' },
];

export default function Albums() {
  return (
    <VStack gap={4}>
      {albums.map((album) => (
        <Fragment key={album.id}>
          <Text fontWeight="bold">{album.title}</Text>
          <Text>{album.artist}</Text>
        </Fragment>
      ))}
    </VStack>
  );
}