feat(sanity): add StudioLogo component

packages/sanity/src/studio/components/navbar/LogoButton.tsx

@@ -0,0 +1,27 @@
+import React from 'react'
+import {Button} from '@sanity/ui'
+
+interface LogoButtonProps {
+  onClick: React.MouseEventHandler<HTMLElement>
+  children: React.ReactNode
+  href: string
+  title: string
+}
+
+export function LogoButton(props: LogoButtonProps) {
+  const {title, children, href, onClick} = props
+
+  return (
+    <Button
+      aria-label={title}
+      as="a"
+      data-testid="logo"
+      href={href}
+      mode="bleed"
+      onClick={onClick}
+      padding={3}
+    >
+      {children}
+    </Button>
+  )
+}

packages/sanity/src/studio/components/navbar/StudioLogo.tsx

@@ -0,0 +1,9 @@
+import {Text} from '@sanity/ui'
+import React from 'react'
+import {LogoProps} from '../../../config'
+
+export function StudioLogo(props: LogoProps) {
+  const {title} = props
+
+  return <Text weight="bold">{title}</Text>
+}