-
Notifications
You must be signed in to change notification settings - Fork 2
/
Centered.tsx
21 lines (19 loc) · 955 Bytes
/
Centered.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
/** @packageDocumentation
* @module Base
*/
import * as React from "react";
import type { CommonDivProps } from "../utils/Props";
import { Div } from "./Div";
/** Centered React functional component.
* Displays content centered vertically and horizontally.
* @public
* @deprecated in 4.12.x. Use CSS to style an element or {@link https://itwinui.bentley.com/docs/flex iTwinUI Flex} instead, i.e. `<Flex justifyContent="center" />`.
*/
export function Centered(props: CommonDivProps) {
// eslint-disable-next-line deprecation/deprecation
return <Div {...props} mainClassName="uicore-centered" />;
}