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

@ -1,6 +1,7 @@
import "./Stack.scss";
import React from "react";
import clsx from "clsx";
type StackProps = {
children: React.ReactNode;
@ -19,7 +20,7 @@ const RowStack = ({
}: StackProps) => {
return (
<div
className={`Stack Stack_horizontal ${className || ""}`}
className={clsx("Stack Stack_horizontal", className)}
style={
{
"--gap": gap,
@ -42,7 +43,7 @@ const ColStack = ({
}: StackProps) => {
return (
<div
className={`Stack Stack_vertical ${className || ""}`}
className={clsx("Stack Stack_vertical", className)}
style={
{
"--gap": gap,