import {type Theme} from '@sanity/ui'
import {type ComponentType} from 'react'
import styled, {css} from 'styled-components'
import {type AuthProvider} from '../../../config'
const GithubRootSvg = styled.svg(({theme}: {theme: Theme}) => {
const {fg} = theme.sanity.color.base
return css`
fill: ${fg};
`
})
const CustomImage = styled.img`
height: 19px;
width: 19px;
object-fit: contain;
`
const GithubLogo = () => (
)
const GoogleLogo = () => (
)
export function CustomLogo(props: {provider: AuthProvider}) {
const {provider} = props
return provider.logo ? (
) : undefined
}
export const providerLogos: Record> = {
google: GoogleLogo,
github: GithubLogo,
// sanity: () => ,
}