@retriever-ui/system/lib/System.js

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var retriever_1 = __importDefault(require("./retriever"));
var System = function () {
    return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement("div", null, "asd"),
        react_1.default.createElement(retriever_1.default.div, { bgImage: "linear-gradient(black.500, black.50)" }, "asdasd"),
        react_1.default.createElement(retriever_1.default.div, { _hover: { bg: '#ff2' }, bg: {
                sm: 'black.300',
                md: 'primary.200',
                lg: 'primary.500',
                xl: 'secondary.400',
            }, fontSize: {
                sm: 'heading.extraSmall',
                md: 'heading.small',
                lg: 'heading.large',
                xl: 'heading.extraLarge',
            } }, "asdasd")));
};
exports.default = System;