<script lang="ts">
  import Button from '$lib/components/dashboard/elements/Button.svelte';
  import { toast } from '@zerodevx/svelte-toast';

  export let social: BioSiteSocialText;
</script>

<Button
  title={social.value}
  onClick={async () => {
    await navigator.clipboard.writeText(social.value);
    toast.push('Copied to clipboard.');
  }}>
  {social.title}
</Button>
