import React from "react";
import PropTypes from "prop-types";
import {
  DetailContainer,
  DetailIcon,
  DetailText,
} from "./CategoryDetail.styled";
import selectedTheme from "../../../../../themes";
import { ReactComponent as Category } from "../../../../../assets/images/svg/category.svg";

const CategoryDetail = (props) => {
  const offer = props.offer;
  return (
    <DetailContainer shouldHideResponsive>
      <DetailIcon color={selectedTheme.iconStrokeColor} size="22px">
        <Category width={"22px"} />
      </DetailIcon>
      <DetailText isMyProfile={props.isMyProfile}>
        {offer?.companyData?.company?.contacts?.location}
      </DetailText>
    </DetailContainer>
  );
};

CategoryDetail.propTypes = {
  offer: PropTypes.any,
  isMyProfile: PropTypes.bool,
};

export default CategoryDetail;
