---
import type { HTMLAttributes } from 'astro/types';
export interface Props extends HTMLAttributes<'span'> {
as?: string;
default?: string;
active?: string;
name?: string;
size?: string;
animation?: 'height'|'width'|'opacity';
speed?: number;
hide?: boolean;
}
const {
as: As='span',
default: _default,
active='',
name='icon-toggle',
size="1rem",
animation='height',
speed=250,
hide=false,
class: _class,
...attrs
} = Astro.props as Props
const height = animation === 'height'
const width = animation === 'width'
const opacity = animation === 'opacity'
---
{ !hide &&
}