import React from 'react';
import { useMultiStyleConfig, Box, chakra } from '@chakra-ui/react';
import Stack from '../stack/index.js';

var Section = function (_a) {
    var title = _a.title, text = _a.text, image = _a.image, variant = _a.variant, _b = _a.maxImgW, maxImgW = _b === void 0 ? '2xl' : _b;
    var styles = useMultiStyleConfig("Section", { variant: variant });
    return (React.createElement(Stack, { direction: { '2xs': 'column', md: 'row' }, spacing: "xl" },
        image ? (React.createElement(Box, { maxW: maxImgW, flexShrink: 0 }, image)) : null,
        React.createElement(Stack, { spacing: "md" },
            React.createElement(chakra.span, { __css: styles.title }, title),
            text ? React.createElement(chakra.span, { __css: styles.text }, text) : null)));
};

export { Section as default };
//# sourceMappingURL=index.js.map
