var __rest = (this && this.__rest) || function (s, e) {
    var t = {};
    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
        t[p] = s[p];
    if (s != null && typeof Object.getOwnPropertySymbols === "function")
        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
                t[p[i]] = s[p[i]];
        }
    return t;
};
import React, { memo } from "react";
import styled from "styled-components";
import Text from "../../asorted/Text";
import FlexBox from "../../layout/Flex";
import { BracketRight, BracketLeft } from "./Brackets";
const Container = styled(FlexBox) `
  justify-content: center;
  flex-wrap: wrap;
  align-items: stretch;
  min-height: ${p => p.theme.space[12]}px;
`;
const TextContainer = styled(FlexBox).attrs(() => ({
    flex: "1",
    justifyContent: "center",
    alignItems: "center",
})) `
  ${Text} {
    flex: 1;
  }
`;
function Log(_a) {
    var { children, extraTextProps } = _a, props = __rest(_a, ["children", "extraTextProps"]);
    return (React.createElement(Container, Object.assign({ color: "neutral.c100" }, props),
        React.createElement(BracketLeft, null),
        React.createElement(TextContainer, { flex: "1", alignItems: "center", justifyContent: "center" },
            React.createElement(Text, Object.assign({ variant: "h3", textTransform: "uppercase", textAlign: "center", color: "inherit" }, extraTextProps), children)),
        React.createElement(BracketRight, null)));
}
export default memo(Log);
//# sourceMappingURL=index.js.map