import React from 'react'
import { appTitle } from '../../config'

type Props = {
  className?: string
}

export default function Logo({ className = '' }: Props) {
  return (
    <div className={`flex items-center space-x-2 ${className}`}>
      <div className="w-8 h-8 bg-indigo-600 rounded-lg flex items-center justify-center">
        <span className="text-white font-bold text-lg">F</span>
      </div>
      <span className="font-bold text-xl tracking-tight">{appTitle}</span>
    </div>
  )
}