mirror of
https://github.com/skidoodle/albert.lol.git
synced 2025-02-15 06:09:15 +01:00
22 lines
664 B
TypeScript
22 lines
664 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-fit grid-flow-col space-x-8 pl-1 text-[1.7rem] leading-none'>
|
|
{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] hover:scale-105',
|
|
})}
|
|
</Icon>
|
|
))}
|
|
</div>
|
|
)
|
|
}
|