mirror of
https://github.com/theoludwig/theoludwig.git
synced 2024-11-14 00:03:12 +01:00
28 lines
832 B
TypeScript
28 lines
832 B
TypeScript
import { ShadowContainer } from 'components/design/ShadowContainer'
|
|
|
|
export interface SkillsSectionProps {
|
|
title: string
|
|
children: React.ReactNode
|
|
}
|
|
|
|
export const SkillsSection: React.FC<SkillsSectionProps> = (props) => {
|
|
const { title, children } = props
|
|
|
|
return (
|
|
<ShadowContainer>
|
|
<div className='mx-auto w-full px-4'>
|
|
<div className='flex flex-wrap px-4 py-6'>
|
|
<div className='flex-1'>
|
|
<div className='mb-8 border-b border-gray-600 dark:border-white dark:border-opacity-10'>
|
|
<h3 className='my-3 text-xl font-semibold text-yellow dark:text-yellow-dark'>
|
|
{title}
|
|
</h3>
|
|
</div>
|
|
<div className='flex flex-wrap justify-around'>{children}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ShadowContainer>
|
|
)
|
|
}
|