25 lines
470 B
TypeScript
25 lines
470 B
TypeScript
import React from "react";
|
|
|
|
import { Spacer } from "../common/Spacer";
|
|
import { Paragraph } from "../common/Text";
|
|
|
|
type SkillProps = {
|
|
title: string;
|
|
};
|
|
|
|
const Skill: React.FC<React.PropsWithChildren<SkillProps>> = (props) => {
|
|
const { children, title } = props;
|
|
|
|
return (
|
|
<div>
|
|
<strong>{title}</strong>
|
|
<Spacer />
|
|
{React.Children.map(children, (c) => (
|
|
<Paragraph>{c}</Paragraph>
|
|
))}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Skill;
|