"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.TopNavigation = void 0;
const react_1 = __importDefault(require("react"));
const varsUtilities_1 = require("../../varsUtilities");
const inlines_1 = require("inlines");
const TopNavigation = ({ style, children, sticky = false, }) => {
    return (react_1.default.createElement(inlines_1.styled.div, { style: {
            // height: '40px',
            padding: '12px 24px',
            position: sticky ? 'fixed' : 'absolute',
            top: 0,
            left: 0,
            right: 0,
            display: 'flex',
            flexDirection: 'row',
            alignItems: 'center',
            backgroundColor: (0, varsUtilities_1.color)('background', 'default', 'strong'),
            borderBottom: '1px solid ' + (0, varsUtilities_1.color)('inputBorder', 'neutralNormal', 'default'),
            ...style,
        } }, children));
};
exports.TopNavigation = TopNavigation;
//# sourceMappingURL=index.js.map