@primer/react
Version:
An implementation of GitHub's Primer Design System using React
13 lines (12 loc) • 645 B
JavaScript
import VisuallyHidden from "../../_VisuallyHidden.js";
import { Chord } from "./Chord.js";
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
import { Fragment as Fragment$1 } from "react";
//#region src/KeybindingHint/components/Sequence.tsx
const splitSequence = (sequence) => sequence.split(" ");
const Sequence = ({ keys, ...chordProps }) => splitSequence(keys).map((c, i) => /*#__PURE__*/ jsxs(Fragment$1, { children: [i > 0 && /*#__PURE__*/ jsxs(Fragment, { children: [/*#__PURE__*/ jsx(VisuallyHidden, { children: "then" }), " "] }), /*#__PURE__*/ jsx(Chord, {
keys: c,
...chordProps
})] }, i));
//#endregion
export { Sequence };