c0f902f81a
Summary: React 16 is not compatible with react-emotion 9 (it prints warnings, see also https://github.com/emotion-js/emotion/issues/644). So we should upgrade to 10. Reviewed By: mweststrate Differential Revision: D18905889 fbshipit-source-id: c00d2dbbadb1c08544632cb9bfcd63f2b1818a25
33 lines
774 B
TypeScript
33 lines
774 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';
|
|
|
|
const Container = styled.div({
|
|
backgroundColor: '#E3E3E3',
|
|
borderRadius: 4,
|
|
boxShadow: 'inset 0 1px 2px rgba(0,0,0,0.1)',
|
|
padding: 10,
|
|
paddingTop: 0,
|
|
marginTop: 11,
|
|
marginBottom: 10,
|
|
});
|
|
Container.displayName = 'TabsContainer:Container';
|
|
|
|
export const TabsContext = React.createContext(true);
|
|
|
|
export default function TabsContainer(props: {children: any}) {
|
|
return (
|
|
<Container>
|
|
<TabsContext.Provider value={true}>{props.children}</TabsContext.Provider>
|
|
</Container>
|
|
);
|
|
}
|