@brizy/media-gallery
Version:
46 lines (45 loc) • 1.76 kB
JavaScript
import React from "react";
import { Align } from "@brizy/ui/lib/Align";
import { Card } from "@brizy/ui/lib/Card";
import { Header as HeaderMarkup } from "@brizy/ui/lib/Header";
import { Icon } from "@brizy/ui/lib/Icon";
import { Inline } from "@brizy/ui/lib/Inline";
import { NavList } from "@brizy/ui/lib/NavList";
import { NavListItem } from "@brizy/ui/lib/NavList/NavListItem";
import { TypographyParagraph } from "@brizy/ui/lib/Typography/Paragraph";
export function Header(param) {
var tabs = param.tabs, value = param.value, onClose = param.onClose, onChange = param.onChange;
return /*#__PURE__*/ React.createElement(HeaderMarkup, {
onClose: onClose
}, /*#__PURE__*/ React.createElement(Align, {
align: "center",
alignY: "center"
}, /*#__PURE__*/ React.createElement(NavList, {
active: value,
onChange: onChange
}, tabs.map(function(param) {
var id = param.id, title = param.title, icon = param.icon;
return /*#__PURE__*/ React.createElement(Card, {
key: id,
borderStyle: "none",
size: 0,
width: "180px",
height: "100%"
}, /*#__PURE__*/ React.createElement(NavListItem, {
key: id,
itemId: id
}, /*#__PURE__*/ React.createElement(Inline, {
spacing: 9,
align: "center",
alignY: "center"
}, /*#__PURE__*/ React.createElement(Icon, {
source: icon,
color: "inherit",
hoverColor: "inherit"
}), /*#__PURE__*/ React.createElement(TypographyParagraph, {
size: "xsmall",
color: "inherit",
hoverColor: "inherit"
}, title.toUpperCase()))));
}))));
}