Add and use clsx (classnames alternative) (#2249)

Co-authored-by: David Luzar <luzar.david@gmail.com>
This commit is contained in:
Danila 2020-10-19 17:14:28 +03:00 committed by GitHub
parent 1484c5a63b
commit b50c54f855
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
18 changed files with 108 additions and 72 deletions

View file

@ -6,6 +6,7 @@
import React from "react";
import oc from "open-color";
import clsx from "clsx";
const activeElementColor = (appearance: "light" | "dark") =>
appearance === "light" ? oc.orange[4] : oc.orange[9];
@ -27,7 +28,7 @@ const createIcon = (d: string | React.ReactNode, opts: number | Opts = 512) => {
focusable="false"
role="img"
viewBox={`0 0 ${width} ${height}`}
className={mirror && "rtl-mirror"}
className={clsx({ "rtl-mirror": mirror })}
style={style}
>
{typeof d === "string" ? <path fill="currentColor" d={d} /> : d}