49 lines
1.4 KiB
TypeScript
49 lines
1.4 KiB
TypeScript
"use client";
|
|
import { Avatar, Card, Group, Stack, Text } from "@mantine/core";
|
|
import moment from "moment";
|
|
|
|
export default function Event_KontribusiPeserta() {
|
|
return (
|
|
<>
|
|
{Array(5)
|
|
.fill(0)
|
|
.map((e, i) => (
|
|
<Card
|
|
key={i}
|
|
shadow="sm"
|
|
padding="md"
|
|
radius="md"
|
|
withBorder
|
|
mb={"md"}
|
|
>
|
|
{/* <Card.Section p={"xs"}>
|
|
<Skeleton visible={loading} h={200}></Skeleton>
|
|
</Card.Section> */}
|
|
|
|
<Stack>
|
|
<Group position="apart" mt="md" mb="xs">
|
|
<Text weight={500}>Nama Event</Text>
|
|
<Text fz={"sm"}>{moment(new Date()).format("ll")}</Text>
|
|
</Group>
|
|
|
|
<Text size="sm" color="dimmed" lineClamp={2}>
|
|
Deskripsi: Lorem ipsum dolor sit amet consectetur adipisicing
|
|
elit. Nisi non ducimus voluptatibus vel, officiis assumenda
|
|
explicabo reiciendis consequatur consequuntur expedita maiores
|
|
fugit natus est rem sapiente iusto earum dicta labore.
|
|
</Text>
|
|
|
|
<Group position="apart">
|
|
{Array(5)
|
|
.fill(0)
|
|
.map((e, i) => (
|
|
<Avatar key={i} bg="blue" radius={"xl"} />
|
|
))}
|
|
</Group>
|
|
</Stack>
|
|
</Card>
|
|
))}
|
|
</>
|
|
);
|
|
}
|