34 lines
1.0 KiB
TypeScript
34 lines
1.0 KiB
TypeScript
import { Box, Paper, Stack, Table, TableTbody, TableTh, TableThead, TableTr, Title } from '@mantine/core';
|
|
import colors from '@/con/colors';
|
|
import React from 'react';
|
|
|
|
function ListInfoWabahPenyakit() {
|
|
return (
|
|
<Box>
|
|
<Paper bg={colors['white-1']} p={'md'} radius={10}>
|
|
<Stack gap={'xs'}>
|
|
<Title order={3}>List Info Wabah/Penyakit</Title>
|
|
<Box>
|
|
<Table striped withTableBorder withColumnBorders withRowBorders>
|
|
<TableThead>
|
|
<TableTr>
|
|
<TableTh>Image</TableTh>
|
|
<TableTh>Nama Info Wabah/Penyakit</TableTh>
|
|
<TableTh>Deskripsi Info Wabah/Penyakit</TableTh>
|
|
<TableTh>Aksi</TableTh>
|
|
<TableTh>Detail</TableTh>
|
|
</TableTr>
|
|
</TableThead>
|
|
<TableTbody>
|
|
|
|
</TableTbody>
|
|
</Table>
|
|
</Box>
|
|
</Stack>
|
|
</Paper>
|
|
</Box>
|
|
);
|
|
}
|
|
|
|
export default ListInfoWabahPenyakit;
|