import Box from '@mui/material/Box'
import type { SxProps, Theme } from '@mui/material/styles'

type BearLogoProps = {
  sx?: SxProps<Theme>
}

export function BearLogo({ sx }: BearLogoProps) {
  return (
    <Box
      component="img"
      src="/logo.webp"
      alt="Любимый Креатив"
      sx={{
        objectFit: 'contain',
        transform: 'scale(1.25)',
        ...sx,
      }}
    />
  )
}