1import React from 'react'
2
3const logoSources: Record<LogoVariant, string> = {
4  white: '/img/spice-logo-white.png',
5  dark: '/img/spice-logo-dark.png',
6  logotype: '/img/spice-logotype.png'
7}
8
9type LogoVariant = 'white' | 'dark' | 'logotype'
10
11type LogoProps = {
12  variant?: LogoVariant
13  className?: string
14  width?: number
15  height?: number
16}
17
18export const Logo: React.FC<LogoProps> = ({
19  variant = 'white',
20  className,
21  width = 156,
22  height = 32
23}) => {
24  return (
25    <img
26      src={logoSources[variant]}
27      alt='Spice.ai Logo'
28      width={width}
29      height={height}
30      className={className}
31    />
32  )
33}
34

1import React from 'react'
2
3const logoSources: Record<LogoVariant, string> = {
4  white: '/img/spice-logo-white.png',
5  dark: '/img/spice-logo-dark.png',
6  logotype: '/img/spice-logotype.png'
7}
8
9type LogoVariant = 'white' | 'dark' | 'logotype'
10
11type LogoProps = {
12  variant?: LogoVariant
13  className?: string
14  width?: number
15  height?: number
16}
17
18export const Logo: React.FC<LogoProps> = ({
19  variant = 'white',
20  className,
21  width = 156,
22  height = 32
23}) => {
24  return (
25    <img
26      src={logoSources[variant]}
27      alt='Spice.ai Logo'
28      width={width}
29      height={height}
30      className={className}
31    />
32  )
33}
34