<script lang="ts">
  export let size: number = 16;
  export let className: string = '';
  export let ariaLabel: string | undefined;
  export let title: string | undefined;
</script>

<svg
  width={size}
  height={size}
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
  class={className}
  role={ariaLabel ? 'img' : undefined}
  aria-label={ariaLabel}
  aria-hidden={ariaLabel ? undefined : 'true'}
>
  {#if title}<title>{title}</title>{/if}
  <path d="M6 2h12" />
  <path d="M6 22h12" />
  <path d="M8 4l8 8" />
  <path d="M8 20l8-8" />
</svg>
