ghost-portal/packages/ui-app/src/InputError.tsx
Jaco Greeff cf23041b85
Pull in @polkadot/ui-util (#724)
* Pull in @polkadot/ui-util

* Pull in @polkadot/ui-util

* Skip tests
2019-02-18 14:45:29 +01:00

34 lines
836 B
TypeScript

// Copyright 2017-2019 @polkadot/ui-app authors & contributors
// This software may be modified and distributed under the terms
// of the Apache-2.0 license. See the LICENSE file for details.
import { BareProps } from './types';
import React from 'react';
import Label from 'semantic-ui-react/dist/commonjs/elements/Label/Label';
import { classes } from './util';
type Props = BareProps & {
label?: React.ReactNode
};
const defaultLabel: React.ReactNode = (
<div>&nbsp;</div>
);
export default class InputError extends React.PureComponent<Props> {
render () {
const { className, label = defaultLabel, style } = this.props;
return (
<div
className={classes('ui--InputError', className)}
style={style}
>
<Label color='red' pointing='left'>{label}</Label>
</div>
);
}
}