3200pro

/** @jsx jsx */
import { jsx, useColorMode } from "theme-ui"
import { buildImageObj } from '../../lib/helpers'
import { imageUrlFor } from '../../lib/image-url'

function DarkModeImage (props) {
  const [colorMode] = useColorMode()  
  const SanityImageToggle = (colorMode == 'light') ? props.primaryImage : props.darkmodeImage
  return (
    <figure>

3200pro

import React from 'react'
import { getFluidGatsbyImage } from 'gatsby-source-sanity'
import Img from 'gatsby-image'
import { buildImageObj } from '../../lib/helpers'
import { imageUrlFor } from '../../lib/image-url'

import clientConfig from '../../../client-config'

function Figure(props) {
  const data = props

3200pro

export default {
  name: "figure",
  title: "Image",
  type: "image",
  options: {
    hotspot: true,
  },
  fields: [
    {
      title: "Caption",