import React from 'react';
import { styled } from 'styled-components';
import { Dialog } from '~/components/Dialog';
/** @deprecated use the `OverlayTrigger` + `OverlayDialog` components instead */
export function Alert({ children, ...props }) {
    return (<Dialog size="sm" titleAlign="center" actionLayout="vertical" showCloseButton={false} {...props}>
      <CenterAlign>{children}</CenterAlign>
    </Dialog>);
}
const CenterAlign = styled.div `
  text-align: center;
`;
//# sourceMappingURL=index.jsx.map