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
30 lines
674 B
TypeScript
30 lines
674 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 styled from '@emotion/styled';
|
|
import {inputStyle} from './Input';
|
|
|
|
const Textarea = styled.textarea<{
|
|
compact?: boolean;
|
|
readOnly?: boolean;
|
|
valid?: boolean;
|
|
}>(({compact, readOnly, valid}) => ({
|
|
...inputStyle({
|
|
compact: compact || false,
|
|
readOnly: readOnly || false,
|
|
valid: valid !== false,
|
|
}),
|
|
lineHeight: 'normal',
|
|
padding: compact ? '5px' : '8px',
|
|
resize: 'none',
|
|
}));
|
|
Textarea.displayName = 'Textarea';
|
|
|
|
export default Textarea;
|