slate/components/core/ScenePage.js

import * as React from "react";
import * as Constants from "~/common/constants";

import { css } from "@emotion/react";

const STYLES_SCENE = css`
  flex-shrink: 0;
  width: 100%;
  padding: 88px 48px 128px 48px;
  display: block;

  @media (max-width: ${Constants.sizes.mobile}px) {
    padding: 88px 24px 128px 24px;
  }
`;

export const ScenePage = (props) => <div css={STYLES_SCENE} {...props} />;

export default ScenePage;