import React from "react";
import PropTypes from "prop-types";
import {
  CategoryDetailContainer,
  CategoryDetailLabel,
  CategoryDetailValue,
} from "./CategoryDetail.styled";

const CategoryDetail = (props) => {
  return (
    <CategoryDetailContainer>
      <CategoryDetailLabel>{props.label}</CategoryDetailLabel>
      <CategoryDetailValue>{props.value}</CategoryDetailValue>
    </CategoryDetailContainer>
  );
};

CategoryDetail.propTypes = {
  label: PropTypes.string,
  value: PropTypes.string,
};

export default CategoryDetail;
