export const Chip = (props) => {
    return (
      <div className={`rounded-sm ${props.bg_color || "bg-gray-500"}`}>
        <p className="px-2 sm:px-4 py-0.5 sm:py-1 text-xs xl:text-base text-white">
          {props.name}
          {props.name && props.devider ? props.devider : " "}
          {props.name_2}
        </p>
      </div>
    );
  };