A social knowledge tool for researchers built on ATProto
cosmik.network
1import { Card, Spoiler, Text } from '@mantine/core';
2
3interface Props {
4 note: string;
5}
6
7export default function NoteCard(props: Props) {
8 return (
9 <Card bg={'#E5E8E7'} p={'sm'}>
10 <Spoiler showLabel={'Read more'} hideLabel={'See less'} maxHeight={45}>
11 <Text fz={'sm'} c={'#74867F'}>
12 {props.note}
13 </Text>
14 </Spoiler>
15 </Card>
16 );
17}