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;
