mirror of
https://github.com/signalapp/Signal-Desktop.git
synced 2026-02-15 07:28:59 +00:00
31 lines
695 B
TypeScript
31 lines
695 B
TypeScript
// Copyright 2021 Signal Messenger, LLC
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
import React from 'react';
|
|
import { WidthBreakpoint } from '../components/_util.std.js';
|
|
|
|
type PropsType = {
|
|
children?: React.ReactNode;
|
|
containerWidthBreakpoint: WidthBreakpoint;
|
|
};
|
|
|
|
const WIDTHS = {
|
|
[WidthBreakpoint.Wide]: 350,
|
|
[WidthBreakpoint.Medium]: 280,
|
|
[WidthBreakpoint.Narrow]: 130,
|
|
};
|
|
|
|
export function FakeLeftPaneContainer({
|
|
children,
|
|
containerWidthBreakpoint,
|
|
}: PropsType): React.JSX.Element {
|
|
return (
|
|
<div
|
|
className={`module-left-pane--width-${containerWidthBreakpoint}`}
|
|
style={{ width: WIDTHS[containerWidthBreakpoint] }}
|
|
>
|
|
{children}
|
|
</div>
|
|
);
|
|
}
|