1e689ac098
* refactor: move Flex component in shared components * refactor: update imports * refactor: remove Flex pcss file * fix: Flex component css override * test: update snapshots * fix: html export * chore: add css module support to jest * chore: keep old copyright * refactor: change `mx_Flex` in `ErrorView` to `mx_ErrorView_flexContainer` * test: update snapshots * refactor: move Box component in shared components * refactor: update import and css override * test: update snapshots
28 lines
770 B
TypeScript
28 lines
770 B
TypeScript
/*
|
|
* Copyright 2025 New Vector Ltd.
|
|
*
|
|
* SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
|
|
* Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
import React, { type JSX, type PropsWithChildren } from "react";
|
|
|
|
import { Flex } from "../../../../shared-components/utils/Flex";
|
|
|
|
/**
|
|
* A component for emphasised text within an {@link EncryptionCard}
|
|
* (mostly as somewhere for the common CSS to live).
|
|
*/
|
|
export function EncryptionCardEmphasisedContent({ children }: PropsWithChildren): JSX.Element {
|
|
return (
|
|
<Flex
|
|
direction="column"
|
|
gap="var(--cpd-space-3x)"
|
|
align="normal"
|
|
className="mx_EncryptionCard_emphasisedContent"
|
|
>
|
|
{children}
|
|
</Flex>
|
|
);
|
|
}
|