forked from Cutlery/immich
2cc5149d0b
* feat: previous on the onboarding * fix: storage full screen * feat: transition * use svelte files for svg * fix: use icon component * fix: additional check * styling' --------- Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
37 lines
923 B
Svelte
37 lines
923 B
Svelte
<script lang="ts">
|
|
import type { AriaRole } from 'svelte/elements';
|
|
|
|
export let size: string | number = '1em';
|
|
export let color = 'currentColor';
|
|
export let path: string;
|
|
export let title: string | null = null;
|
|
export let desc = '';
|
|
export let flipped = false;
|
|
let className = '';
|
|
export { className as class };
|
|
export let viewBox = '0 0 24 24';
|
|
export let role: AriaRole = 'img';
|
|
export let ariaHidden: boolean | undefined = undefined;
|
|
export let ariaLabel: string | undefined = undefined;
|
|
export let ariaLabelledby: string | undefined = undefined;
|
|
</script>
|
|
|
|
<svg
|
|
width={size}
|
|
height={size}
|
|
{viewBox}
|
|
class="{className} {flipped ? '-scale-x-100' : ''}"
|
|
{role}
|
|
aria-label={ariaLabel}
|
|
aria-hidden={ariaHidden}
|
|
aria-labelledby={ariaLabelledby}
|
|
>
|
|
{#if title}
|
|
<title>{title}</title>
|
|
{/if}
|
|
{#if desc}
|
|
<desc>{desc}</desc>
|
|
{/if}
|
|
<path d={path} fill={color} />
|
|
</svg>
|