ghost-portal/packages/react-components/src/InputError.tsx
Jaco Greeff c60ba8708a
Bumps w/ eslint (#2802)
* Bumps w/ eslint

* Additional

* Additional

* Additional

* Additional

* Remove style props

* Additional

* Additional

* Additional

* Additional (< 100)

* eslint passes, tsc next

* tsc fixes

* Update deps

* Update i18n
2020-05-24 19:41:14 +02:00

34 lines
831 B
TypeScript

// Copyright 2017-2020 @polkadot/react-components 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';
interface Props extends BareProps {
label?: React.ReactNode;
}
const defaultLabel: React.ReactNode = (
<div>&nbsp;</div>
);
function InputError ({ className = '', label = defaultLabel }: Props): React.ReactElement<Props> {
return (
<div className={classes('ui--InputError', className)}>
<Label
color='red'
pointing='left'
>
{label}
</Label>
</div>
);
}
export default React.memo(InputError);