---
// @ts-ignore
import { file, type SymbolId } from 'virtual:astro-svgs';
export interface Props {
    name: SymbolId;
    class?: string;
}

const { name, class: className } = Astro.props;
---
<span class:list={["o-icon", `${className||''}`]}>
    <svg class={`svg-${name}`} xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
        <use xlink:href={`${file}#${name}`} xmlns:xlink="http://www.w3.org/1999/xlink" />
    </svg>
</span>