<script language="JavaScript">
<!--
function _AN_global_var_init(){
	_AN_this_url = "/prx/000/";
	_AN_base_scheme = "https";
	_AN_base_host = "https://raw.githubusercontent.com";
	_AN_base_path = "https://raw.githubusercontent.com/creativecommons/chooser/6d349cfa498cc14ca49ff0c6e531ee325ef77c3f/src/components/";
	_AN_encode_urls = 0;
	_AN_mpo = 1;
	_AN_md = 0;
	_AN_rel_urls = 0;
	_AN_nav_switch = 0;
	_AN_nav_allowurl = 1;
	_AN_nav_override = 0;
	_AN_has_iframe = 0;
	_AN_dbg_flags = null;
	_AN_nav_use_aaa = 1;
	_AN_expires_pass = 0;
	_AN_wrap_evthandlers = 0;
	_AN_rewrite_param_exact = 0;
	_AN_obj_params = {};
} 
_AN_global_var_init();
//-->
</script>
<script language="JavaScript" src="/prx/001/http/localh/an_util.js"></script>
<script language="JavaScript" src="/prx/001/http/localh/NSLib.js"></script>

<template>
  <a :href="url" @click.stop="() => false" class="photo-license-icons" target="_blank" rel="noopener noreferrer">
    <img class="photo-license-icon" src="../assets/license-icons/cc_icon.svg,_ANDesc=img,"><img v-for="(license, index) in iconsArr" class="photo-license-icon" :src="require(`../assets/license-icons/cc-${license.toLowerCase()}_icon.svg`)" :key="index">
  </a>
</template>

<script>

/* eslint-disable */
const LicenseIcons = {
  name: 'license-icons',
  components: {},
  props: [ 'url', 'iconsArr' ],
};
export default LicenseIcons;
</script>
<style lang="scss" scoped>

  .photo-license-icons {
    display: inline-block;
    white-space: none;
    opacity: .7;
    margin-top: 2px;
    height: 22px !important;
    &:hover {
      opacity: 1;
    }
  }
  .photo-license-icon {
    height: inherit;
    margin-right: 3px;
  }
</style>
