react-brackets-vt
Version:
React component to render dynamic bracket UI
17 lines (16 loc) • 1.25 kB
JavaScript
import React from 'react';
import { Seed, SeedItem, SeedTeam, SeedTime, SingleLineSeed } from '../components/seed';
import { RoundTitle } from '../components/round';
/* ------------------------- default title component ------------------------ */
export const renderTitle = (title) => React.createElement(RoundTitle, null, title);
/* ------------------------- default seed component ------------------------- */
export const renderSeed = ({ seed, breakpoint, isMiddleOfTwoSided }) => {
var _a, _b, _c, _d;
const Wrapper = isMiddleOfTwoSided ? SingleLineSeed : Seed;
return (React.createElement(Wrapper, { mobileBreakpoint: breakpoint },
React.createElement(SeedItem, null,
React.createElement("div", null,
React.createElement(SeedTeam, null, ((_b = (_a = seed.teams) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.name) || '-----------'),
React.createElement(SeedTeam, null, ((_d = (_c = seed.teams) === null || _c === void 0 ? void 0 : _c[1]) === null || _d === void 0 ? void 0 : _d.name) || '-----------'))),
React.createElement(SeedTime, { mobileBreakpoint: breakpoint }, seed === null || seed === void 0 ? void 0 : seed.date)));
};