fido-node.github.io/components/personal-card/elements/Contacts.tsx
2021-04-28 22:31:42 +03:00

31 lines
917 B
TypeScript

import * as React from 'react';
import { Contact, ContactType } from '../../../src/contacts/contacts';
import ContactsButtons from './ContactsButtons';
type Props = {};
const contactMe: Contact[] = [
{ id: 'fido_node', type: 'tg' },
{ id: 'aleksandr.mihailov@pm.me', type: 'mail' }
];
const socialButtons: Contact[] = [
{ id: 'fido_node', type: 'twitter' },
{ id: 'michey', type: 'github' },
{ id: 'alex-mihailov-870448187', type: 'linkedin' },
{ id: 'fido_node', type: 'twitch' }
];
export default ({}: Props) => (
<>
<div className={'flex flex-col flex-row-2 '}>
<span className={'text-2xl text-center py-4'}>Contact me via: </span>
<ContactsButtons contacts={contactMe} />
</div>
<div className={'flex flex-col flex-row-2'}>
<span className={'text-2xl text-center py-4'}>Social buttons: </span>
<ContactsButtons contacts={socialButtons} />
</div>
</>
);