mirror of
https://github.com/skidoodle/albert.lol.git
synced 2025-02-15 06:09:15 +01:00
22 lines
629 B
TypeScript
22 lines
629 B
TypeScript
import { socials } from '@/components/data/Socials'
|
|
import { Icon } from '@/components/Icon'
|
|
import React from 'react'
|
|
|
|
export const SocialLayout = () => {
|
|
return (
|
|
<div className='mt-3 grid w-48 grid-flow-col space-x-8 pl-1 text-2xl'>
|
|
{socials.map((social) => (
|
|
<Icon
|
|
key={social.id}
|
|
reference={social.ref}
|
|
copyValue={social.copyValue}
|
|
>
|
|
{React.createElement(social.icon, {
|
|
className:
|
|
'fill-current focus:outline-none transition duration-300 ease-in-out hover:text-[#ad87ed]',
|
|
})}
|
|
</Icon>
|
|
))}
|
|
</div>
|
|
)
|
|
}
|