Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | 32x 32x 32x 32x 32x 3x 3x 3x 6x 3x 3x 32x 32x | import * as classNames from 'classnames';
import * as React from 'react';
import { HTMLProps, PureComponent } from 'react';
import { ComponentProps } from '../../types';
export type AlertProps = ComponentProps & HTMLProps<HTMLElement>;
/**
* A component for applying various styles to text, ideal for info, success, and error messages.
*/
export class Alert extends PureComponent<AlertProps, {}> {
public render() {
const {
children,
className,
component: Component = 'div',
...remainingProps
} = this.props;
return (
<Component
{...remainingProps}
className={classNames(['alert', className])}
>
{children}
</Component>
);
}
}
export default Alert;
|