1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
lens/src/renderer/components/layout/sub-title.tsx
Sebastian Malton f594bf03f3 Turn on strict mode in tsconfig.json
- Add route, clusterRoute, and payloadValidatedClusterRoute helper
  functions to improve types with backend routes

- Turn on the following new lints:
  - react/jsx-first-prop-new-line
  - react/jsx-wrap-multilines
  - react/jsx-one-expression-per-line
  - react/jsx-max-props-per-line
  - react/jsx-indent
  - react/jsx-indent-props

Signed-off-by: Sebastian Malton <sebastian@malton.name>
2022-05-04 08:45:50 -04:00

33 lines
741 B
TypeScript

/**
* Copyright (c) OpenLens Authors. All rights reserved.
* Licensed under MIT License. See LICENSE in root directory for more information.
*/
import "./sub-title.scss";
import React from "react";
import { cssNames } from "../../utils";
export interface SubTitleProps {
className?: string;
title: React.ReactNode;
compact?: boolean; // no bottom padding
id?: string;
}
export class SubTitle extends React.Component<SubTitleProps> {
render() {
const { className, compact, title, children, id } = this.props;
const classNames = cssNames("SubTitle", className, {
compact,
});
return (
<div className={classNames} id={id}>
{title}
{" "}
{children}
</div>
);
}
}