sanity-plugin-spreadsheet-wizard-x/src/ui.js

Spreadsheet Wizard is a magnificient Sanity plugin that help you EXPORT & IMPORT spreadsheets. A fantastic bridge between Sanity & your spreadsheet software of choice. (Google Sheets... Excel... Numbers etc.)

import React from "react";

import { Container, Card, Heading, Stack, Inline, Button } from "@sanity/ui";

export default function UI({ children }) {
  return (
    <Container
      style={{
        margin: "auto",
        height: "30rem",
        borderRadius: "2rem",
        overflow: "hidden",
      }}
    >
      <Grid columns={[2, 3, 4, 6]} gap={[1, 1, 2, 3]}>
        <Card
          style={{
            alignContent: "center",
            justifyContent: "center",
            textAlign: "center",
          }}
          display="grid"
          padding={4}
        >
          {children}
          <Stack align="center" margin="auto" space={3}>
            <Heading as="h3" style={{ marginBottom: "3rem" }} size={4}>
              What do you want?
            </Heading>

            <Inline space={[3, 3, 4]}>
              <Button text="Import TSV" />
              <Button text="Export TSV" />
            </Inline>
          </Stack>
        </Card>
      </Grid>
    </Container>
  );
}