front-end/src/components/controls/ControlLabel.tsx
2022-07-18 11:38:44 +03:00

22 lines
472 B
TypeScript

import classNames from "classnames";
import React from "react";
type Props = {
children?: React.ReactNode;
label: string;
className?: string | undefined;
};
export default function ControlLabel({
label,
children,
className,
}: Props): JSX.Element {
return (
<div className={classNames("flex items-center space-x-4 my-2.5", className)}>
<div className="flex-none text-2xl text-current font-medium">{label}</div>
{children}
</div>
);
}