@awsui/components-react
Version:
On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en
13 lines • 830 B
JavaScript
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
// SPDX-License-Identifier: Apache-2.0
import React from 'react';
import clsx from 'clsx';
import { useSplitPanelContext } from '../../internal/context/split-panel-context';
import styles from './styles.css.js';
export function SideSplitPanelDrawer({ displayed, children }) {
const { isOpen, size, topOffset, bottomOffset } = useSplitPanelContext();
const width = isOpen && children ? size : undefined;
return (React.createElement("div", { className: clsx(displayed && styles['drawer-displayed']), style: { width }, "data-testid": "side-split-panel-drawer" },
React.createElement("div", { className: styles['drawer-content'], style: { width: width, top: topOffset, bottom: bottomOffset } }, children)));
}
//# sourceMappingURL=drawer.js.map