24 lines
512 B
JavaScript
24 lines
512 B
JavaScript
|
import styled, { css } from "styled-components";
|
||
|
|
||
|
const StyledAlertComponent = styled.div`
|
||
|
position: relative;
|
||
|
border: ${(props) => `1px solid ${props.mainColor}`};
|
||
|
border-radius: 6px;
|
||
|
margin: 32px 0px;
|
||
|
padding: 12px;
|
||
|
cursor: pointer;
|
||
|
display: grid;
|
||
|
|
||
|
grid-template-columns: ${(props) =>
|
||
|
props.needArrowIcon ? "1fr 16px" : "1fr"};
|
||
|
|
||
|
.alert-component_title {
|
||
|
color: ${(props) => props.mainColor};
|
||
|
}
|
||
|
.alert-component_icons {
|
||
|
margin: auto 0;
|
||
|
}
|
||
|
`;
|
||
|
|
||
|
export { StyledAlertComponent };
|