import faviconPng from './apple-touch-icon.png'
import faviconIco from './favicon.ico'
import faviconSvg from './favicon.svg'
/** @public */
export interface NextStudioHeadProps {
/**
* @defaultValue 'utf-8'
*/
charSet?: false | string
/**
* Sets the viewport to `viewport-fit=cover` to integrate with iOS devices with display cutouts (The Notch, Dynamic Island).
* Also sets `width=device-width, initial-scale=1` to make the studio page responsive.
* @defaultValue true
*/
viewport?: boolean
/**
* It's common practice to hide the address to your Sanity Studio from search engines by setting `robots` to `noindex`
* @defaultValue 'noindex'
*/
robots?: false | string
/**
* @defaultValue 'same-origin'
*/
referrer?: false | string
/**
* Adds the same favicons as the `npx sanity dev` pipeline.
* @defaultValue true
*/
favicons?: boolean
/**
* @defaultValue 'Sanity'
*/
title?: false | string
}
/**
* In Next 13 appDir mode (`/app/studio/[[...index]]/head.tsx`):
* ```tsx
* // If you don't want to change any defaults you can just re-export the head component directly:
* export {NextStudioHead as default} from 'next-sanity/studio/head'
*
* // To customize it, use it as a children component:
* import {NextStudioHead} from 'next-sanity/studio/head'
*
* export default function CustomStudioHead() {
* return (
* <>
*
*
*
* )
* }
* ```
* If you're using Next 12 or the `pages` folder (`/pages/studio/[[...index]].tsx`):
* ```tsx
* import Head from 'next/head'
* import {NextStudio} from 'next-sanity/studio'
* import {NextStudioHead} from 'next-sanity/studio/head'
*
* export default function StudioPage() {
* return (
* <>
*
*
*
*
*
* )
* }
* ```
* @public
*/
export function NextStudioHead(props: NextStudioHeadProps) {
const {
charSet = 'utf-8',
viewport = true,
robots = 'noindex',
referrer = 'same-origin',
favicons = true,
title = 'Sanity',
} = props
return (
<>
{charSet && }
{viewport && (
)}
{robots && }
{referrer && }
{title && {title}}
{favicons && (
)}
{favicons && (
)}
{favicons && (
)}
)
}