2023-05-14 03:24:13 +02:00
|
|
|
<script lang="ts">
|
|
|
|
|
/**
|
|
|
|
|
* Wrapper around 'subtleButton' with an arrow pointing to the right
|
2023-05-30 02:52:22 +02:00
|
|
|
* See also: BackButton
|
2023-05-14 03:24:13 +02:00
|
|
|
*/
|
|
|
|
|
import SubtleButton from "./SubtleButton.svelte";
|
|
|
|
|
import {ChevronRightIcon} from "@rgossiaux/svelte-heroicons/solid";
|
|
|
|
|
import {createEventDispatcher} from "svelte";
|
|
|
|
|
|
|
|
|
|
const dispatch = createEventDispatcher<{ click }>()
|
|
|
|
|
|
|
|
|
|
export let clss : string= ""
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<SubtleButton on:click={() => dispatch("click")} options={{extraClasses: clss+" flex items-center"}}>
|
|
|
|
|
<slot name="image" slot="image"/>
|
|
|
|
|
<div class="w-full flex justify-between items-center" slot="message">
|
|
|
|
|
<slot/>
|
|
|
|
|
<ChevronRightIcon class="w-12 h-12"/>
|
|
|
|
|
</div>
|
|
|
|
|
</SubtleButton>
|
