how to make a custom styled UploadButton

export const UploadImage = () => {
  return (
    <div className="flex flex-col items-center justify-between p-4">
      <UploadButton
        endpoint="postImage"
        onClientUploadComplete={(res) => {
          toast.success('Image uploaded successfully! 😄');
        }}
        onUploadError={(error: Error) => {
          toast.error(error.message + " 😭");
        }}
      />
    </div>
  ) 
};

export const UploadImage = () => {
  return (
    <div className="flex flex-col items-center justify-between p-4">
      <UploadButton
        endpoint="postImage"
        onClientUploadComplete={(res) => {
          toast.success('Image uploaded successfully! 😄');
        }}
        onUploadError={(error: Error) => {
          toast.error(error.message + " 😭");
        }}
      />
    </div>
  ) 
};