import { type SVGProps } from 'react'
import { cn } from '@/lib/utils'

export function Logo({ className, ...props }: SVGProps<SVGSVGElement>) {
  return (
    <svg
      id='bogazici-admin-logo'
      viewBox='0 0 48 48'
      xmlns='http://www.w3.org/2000/svg'
      height='48'
      width='48'
      fill='none'
      stroke='currentColor'
      strokeWidth='2.4'
      strokeLinecap='round'
      strokeLinejoin='round'
      className={cn('size-6', className)}
      {...props}
    >
      <title>Bogazici Admin</title>
      <path d='M24 6c7.5 0 13.5 6 13.5 13.5S31.5 33 24 33 10.5 27 10.5 19.5 16.5 6 24 6Z' />
      <path d='M24 12v23' />
      <path d='M17 20.5h14' />
      <path d='M18.5 27.5 24 33l5.5-5.5' />
      <path d='M14 39.5c3.4-2.3 6.8-3.5 10-3.5s6.6 1.2 10 3.5' />
    </svg>
  )
}
