tambahannya
This commit is contained in:
25
src/app/darmasaba/_com/main-page/landing-page/SosmedView.tsx
Normal file
25
src/app/darmasaba/_com/main-page/landing-page/SosmedView.tsx
Normal file
@@ -0,0 +1,25 @@
|
||||
import images from "@/con/images";
|
||||
import { Flex, ActionIcon, Image } from "@mantine/core";
|
||||
|
||||
function SosmedView() {
|
||||
const listSosmed = Object.values(images.sosmed);
|
||||
return (
|
||||
<Flex gap={"md"}>
|
||||
{listSosmed.map((item, k) => {
|
||||
return (
|
||||
<ActionIcon
|
||||
variant="transparent"
|
||||
key={k}
|
||||
w={32}
|
||||
h={32}
|
||||
pos={"relative"}
|
||||
>
|
||||
<Image src={item} alt="icon" loading="lazy" fit="contain" />
|
||||
</ActionIcon>
|
||||
);
|
||||
})}
|
||||
</Flex>
|
||||
);
|
||||
}
|
||||
|
||||
export default SosmedView;
|
||||
Reference in New Issue
Block a user