how to parse the data from the sanity color picker plugin?

//Color picker
const colorPicker = (props) => {
  const rgbaValues = `rgba(${props.color.rgb.r}, ${props.color.rgb.g}, ${props.color.rgb.b}, ${props.color.rgb.a} )`;
  return rgbaValues;
};
export default colorPicker;

  const ColorTest = styled.p`
    color: ${colorPicker(props)};
  `;