<CopyToClipboard v-slot="props">
  <button
      @click="props.copy(media.url)"
      :disabled="props.status === 'copied'"
      :class="[props.status === 'copied' ? 'text-green-600': 'text-blue-600 hover:text-blue-700']"
      class="text-xs rounded focus:outline-none focus:ring-2 focus:ring-blue-500">
    {{ props.status === 'copied' ? 'Copied!' : 'Copy' }}
  </button>
</CopyToClipboard>