2022-08-17 19:38:41 +05:30
|
|
|
<script lang="ts">
|
|
|
|
|
export let url: string;
|
|
|
|
|
export let icon: string;
|
|
|
|
|
export let title: string;
|
|
|
|
|
export let bg: string;
|
|
|
|
|
export let color: string;
|
2022-12-27 20:58:47 +05:30
|
|
|
export let styles: string;
|
2022-08-17 19:38:41 +05:30
|
|
|
</script>
|
|
|
|
|
|
2022-12-27 20:58:47 +05:30
|
|
|
<a
|
|
|
|
|
href={url}
|
|
|
|
|
class="decoration-none bg-accent px-3 py-2 text-primary rounded-2 transition-filter hover:brightness-125 flex items-center w-fit gap-2"
|
|
|
|
|
style="background-color: {bg}; color: {color}; {styles}"
|
|
|
|
|
>
|
2022-08-17 19:38:41 +05:30
|
|
|
{#if icon}
|
|
|
|
|
<div class={icon} />
|
|
|
|
|
{/if}
|
|
|
|
|
{title}
|
|
|
|
|
</a>
|
