@benbugraer/headline-editor
Version:
A headline editor canvas component for news websites
21 lines (20 loc) • 1.33 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = TopBar;
var react_1 = __importDefault(require("react"));
var DownloadButton_1 = __importDefault(require("./DownloadButton"));
var input_1 = require("../ui/input");
var react_2 = require("react");
function TopBar(_a) {
var canvas = _a.canvas;
var _b = (0, react_2.useState)(""), fileName = _b[0], setFileName = _b[1];
return (react_1.default.createElement("header", { className: "flex flex-col bg-secondary" },
react_1.default.createElement("div", { className: "flex h-10 lg:h-14 items-center gap-4 border-b border-primary" },
react_1.default.createElement("div", { className: "flex justify-start ml-5" },
react_1.default.createElement(input_1.Input, { className: "border-primary rounded-sm", placeholder: "G\u00F6rsel Ad\u0131", value: fileName, onChange: function (e) { return setFileName(e.target.value); } })),
react_1.default.createElement("div", { className: "flex justify-center items-center gap-2 ml-auto mr-6" },
react_1.default.createElement(DownloadButton_1.default, { canvas: canvas, fileName: fileName })))));
}