mirror of
https://github.com/misode/misode.github.io.git
synced 2026-04-26 08:26:51 +00:00
a5a08fc935
* Implement link sharing * Share default * Compress and base64 encode data * Better error messages * Fix build * Only change version when it's different
19 lines
629 B
TypeScript
19 lines
629 B
TypeScript
import { Octicon } from '.'
|
|
|
|
type BtnProps = {
|
|
icon?: keyof typeof Octicon,
|
|
label?: string,
|
|
active?: boolean,
|
|
tooltip?: string,
|
|
tooltipLoc?: 'se' | 'sw' | 'nw',
|
|
showTooltip?: boolean,
|
|
class?: string,
|
|
onClick?: (event: MouseEvent) => unknown,
|
|
}
|
|
export function Btn({ icon, label, active, class: clazz, tooltip, tooltipLoc, onClick }: BtnProps) {
|
|
return <div class={`btn${active ? ' active' : ''}${clazz ? ` ${clazz}` : ''}${tooltip ? ` tooltipped tip-${tooltipLoc ?? 'sw'}` : ''}${active ? ' tip-shown' : ''}`} onClick={onClick} aria-label={tooltip}>
|
|
{icon && Octicon[icon]}
|
|
{label && <span>{label}</span>}
|
|
</div>
|
|
}
|