8e02b2ec10
Summary: Moved Toolbar to flipper-plugin. No further changes. Reviewed By: nikoant Differential Revision: D28027334 fbshipit-source-id: 35de13d87734ae3a8af037166945b1a669106274
36 lines
811 B
TypeScript
36 lines
811 B
TypeScript
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @format
|
|
*/
|
|
|
|
import React from 'react';
|
|
import styled from '@emotion/styled';
|
|
import {Layout} from './Layout';
|
|
import {theme} from './theme';
|
|
|
|
const SandyToolbarContainer = styled(Layout.Horizontal)({
|
|
flexWrap: 'wrap',
|
|
padding: theme.space.small,
|
|
boxShadow: `inset 0px -1px 0px ${theme.dividerColor}`,
|
|
});
|
|
|
|
export function Toolbar({
|
|
children,
|
|
style,
|
|
}: {
|
|
children?: React.ReactNode;
|
|
position?: 'bottom' | 'top';
|
|
compact?: boolean;
|
|
style?: React.CSSProperties;
|
|
}) {
|
|
return (
|
|
<SandyToolbarContainer style={style} gap={theme.space.small} center>
|
|
{children}
|
|
</SandyToolbarContainer>
|
|
);
|
|
}
|