import React from "react";
import PropTypes from "prop-types";
import selectedTheme from "../../../../themes";
import { InfoGroup, InfoIcon, InfoText } from "./Information.styled";

const Information = (props) => {
  return (
    <InfoGroup hide={props.hide}>
      <InfoIcon
        color={selectedTheme.iconStrokeColor}
        component="span"
        size="16px"
      >
        {/* <CategoryIcon width={"14px"} /> */}
        {props.icon}
      </InfoIcon>
      {/* <InfoText>{offer?.offer?.category?.name}</InfoText> */}
      <InfoText>{props.value}</InfoText>
    </InfoGroup>
  );
};

Information.propTypes = {
  icon: PropTypes.node,
  value: PropTypes.string,
  hide: PropTypes.bool,
};

export default Information;
