Alert.styled.ts

export const Alert = styled.div<AlertStyle>`
  background-color: ${({ type }) => secondaryAlertStyles[type]};
  border-radius: ${({ theme }) => theme.shape!.borderRadius};
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  display: flex;
  opacity: ${({ active }) => (active ? 1 : 0)};
  overflow: hidden;
 
  ${AccentBar} {
    background-color: ${({ type }) => primaryAlertStyles[type]};
  }
`