import * as React from 'react' import styled from 'styled-components' import { Box, Button, Inline } from '@sanity/ui' import { CloseIcon } from '@sanity/icons' import { ButtonInstagramLogin } from './Buttons/ButtonInstagramLogin' import { ButtonUploadInstagramImages } from './Buttons/ButtonUploadInstagramImages' import { useGlobalState } from '../contexts/GlobalStateContext' interface HeaderProps { onClose?: () => void } export const Header = ({ onClose }: HeaderProps) => { const { send } = useGlobalState() const handleSettingsClick = () => { send('SETTINGS_SHOW') } return (