import React, { useEffect, useRef, useState } from 'react';
import Container from 'react-bootstrap/Container';
import { useAutoFocus, useFocusedElement } from '../hooks/FocusedElement';
export type Props = {
title: string,
icon?: string,
tags: string[],
style?: 'primary' | 'light'
}
function Tag(props: {text: string}) {
const tagKey = 'tag ' + props.text;
const elementRef = useAutoFocus(tagKey)
return (
{props.text}
)
}
export default function TagCloud(props: Props) {
const focusRef = useAutoFocus('tags ' + props.title)
const containerClasses = ['tag-cloud', 'cloud-' + (props.style || 'standard')]
return (
{props.icon && ( )}{props.title}
{props.tags.map((tag: string) => () )}
)
}