import { useCallback } from 'react';
import { FiRefreshCcw } from 'react-icons/fi';

const Title = () => {
    const click = useCallback(() => {
        window.location.hash = ''
        window.location.reload(false)
    }, [])

    return (
        <div className="title-card">
            <div className="title-stack">
                <span className="eyebrow">Fediverse safety toolkit</span>
                <h1>Fediblock Instance &#934;</h1>
                <p className="subtitle">Monitor instance health, blocks, and metrics in a clean, real-time dashboard.</p>
            </div>
            <button className="ghost-button" type="button" onClick={click}>
                <FiRefreshCcw aria-hidden="true" />
                Reset view
            </button>
        </div>
    )
}

export default Title;