chakra-ui/es/Layout.js

Responsive and accessible React UI components built with React and Emotion

var _templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n"]),
    _templateObject2 = _taggedTemplateLiteralLoose(["\n  ", "\n"], ["\n  ", "\n"]);

function _taggedTemplateLiteralLoose(strings, raw) { strings.raw = raw; return strings; }

/** @jsx jsx */
import styled from "@emotion/styled";
import { color, flexbox, layout, space, grid, background, border, position, shadow } from "styled-system";

export var Box = styled.div(_templateObject, layout, color, space, background, border, position, shadow);

export var Flex = styled(Box)(_templateObject2, flexbox);

export var Grid = styled(Box)(_templateObject2, grid);