Files
2024-02-15 17:01:50 +00:00

24 lines
667 B
TypeScript

import styled from '@emotion/styled';
import {IconInfo} from 'sentry/icons';
import {space} from 'sentry/styles/space';
const StyledNotificationBarIconInfo = styled(IconInfo)`
margin-right: ${space(1)};
color: ${p => p.theme.alert.info.iconColor};
`;
export const NotificationBar = styled('div')`
display: flex;
align-items: center;
color: ${p => p.theme.textColor};
background-color: ${p => p.theme.alert.info.backgroundLight};
border-bottom: 1px solid ${p => p.theme.alert.info.border};
padding: ${space(1.5)};
font-size: 14px;
line-height: normal;
${StyledNotificationBarIconInfo} {
color: ${p => p.theme.alert.info.iconColor};
}
`;