export const Chip = (props: { name?: string; name_2?: string; devider?: string; bg_color?: string; }) => { 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> ); };