panelAlert.tsx 482 B

123456789101112131415161718192021
  1. import styled from '@emotion/styled';
  2. import type {AlertProps} from 'sentry/components/alert';
  3. import {Alert} from 'sentry/components/alert';
  4. // Margin bottom should probably be a different prop
  5. const PanelAlert = styled(({...props}: AlertProps) => (
  6. <Alert {...props} showIcon system />
  7. ))`
  8. margin: 0 0 1px 0;
  9. border-radius: 0;
  10. box-shadow: none;
  11. &:last-child {
  12. border-bottom: none;
  13. margin: 0;
  14. border-radius: 0 0 4px 4px;
  15. }
  16. `;
  17. export default PanelAlert;