nandi.uk
This repository has no description
semble
/
src
/
webapp
/
features
/
cards
/
components
/
urlCardContent
/
SembleCollectionCardContent.tsx
788 B
28 lines
1import { Group, Stack, Text } from '@mantine/core';
2import { UrlCard } from '@semble/types';
3
4interface Props {
5 cardContent: UrlCard['cardContent'];
6}
7
8export default function SembleCollectionCardContent(props: Props) {
9 return (
10 <Group justify="space-between" align="start" gap={'lg'}>
11 <Stack gap={0} flex={1}>
12 <Text c={'grape'} fw={500}>
13 Collection
14 </Text>
15 {props.cardContent.title && (
16 <Text c={'bright'} lineClamp={2} fw={500} w={'fit-content'}>
17 {props.cardContent.title}
18 </Text>
19 )}
20 {props.cardContent.description && (
21 <Text c={'gray'} fz={'sm'} mt={'xs'} lineClamp={3}>
22 {props.cardContent.description}
23 </Text>
24 )}
25 </Stack>
26 </Group>
27 );
28}