79 lines
1.8 KiB
TypeScript
79 lines
1.8 KiB
TypeScript
import { BaseBox, Grid, StackCustom, TextCustom } from "@/components";
|
|
import { MainColor } from "@/constants/color-palet";
|
|
import { ICON_SIZE_SMALL } from "@/constants/constans-value";
|
|
import { Ionicons } from "@expo/vector-icons";
|
|
|
|
export default function Portofolio_SocialMediaSection() {
|
|
const listData = [
|
|
{
|
|
label: "Facebook ku bagas",
|
|
icon: (
|
|
<Ionicons
|
|
name="logo-facebook"
|
|
size={ICON_SIZE_SMALL}
|
|
color={MainColor.white}
|
|
/>
|
|
),
|
|
},
|
|
{
|
|
label: "Tiktok ku bagas",
|
|
icon: (
|
|
<Ionicons
|
|
name="logo-tiktok"
|
|
size={ICON_SIZE_SMALL}
|
|
color={MainColor.white}
|
|
/>
|
|
),
|
|
},
|
|
{
|
|
label: "Instagram ku bagas",
|
|
icon: (
|
|
<Ionicons
|
|
name="logo-instagram"
|
|
size={ICON_SIZE_SMALL}
|
|
color={MainColor.white}
|
|
/>
|
|
),
|
|
},
|
|
{
|
|
label: "Twitter ku bagas",
|
|
icon: (
|
|
<Ionicons
|
|
name="logo-twitter"
|
|
size={ICON_SIZE_SMALL}
|
|
color={MainColor.white}
|
|
/>
|
|
),
|
|
},
|
|
{
|
|
label: "Youtube ku bagas",
|
|
icon: (
|
|
<Ionicons
|
|
name="logo-youtube"
|
|
size={ICON_SIZE_SMALL}
|
|
color={MainColor.white}
|
|
/>
|
|
),
|
|
},
|
|
];
|
|
return (
|
|
<>
|
|
<BaseBox>
|
|
<StackCustom>
|
|
<TextCustom bold>Media Sosial Bisnis</TextCustom>
|
|
{listData.map((item, index) => (
|
|
<Grid key={index}>
|
|
<Grid.Col span={2} style={{ alignItems: "center" }}>
|
|
{item.icon}
|
|
</Grid.Col>
|
|
<Grid.Col span={10} style={{ paddingLeft: 5 }}>
|
|
<TextCustom>{item.label}</TextCustom>
|
|
</Grid.Col>
|
|
</Grid>
|
|
))}
|
|
</StackCustom>
|
|
</BaseBox>
|
|
</>
|
|
);
|
|
}
|