60 lines
1.1 KiB
JavaScript
60 lines
1.1 KiB
JavaScript
|
import styled from "styled-components";
|
||
|
import Base from "../themes/base";
|
||
|
|
||
|
const StyledAccessRightWrapper = styled.div`
|
||
|
display: flex;
|
||
|
`;
|
||
|
|
||
|
const StyledAccessRightIcon = styled.img`
|
||
|
margin-right: 4.18px;
|
||
|
`;
|
||
|
|
||
|
const StyledAccessRightItem = styled.div`
|
||
|
width: 424px;
|
||
|
|
||
|
display: flex;
|
||
|
align-items: flex-start;
|
||
|
justify-content: flex-start;
|
||
|
align-content: center;
|
||
|
|
||
|
padding: 7px 0px;
|
||
|
|
||
|
line-height: 16px;
|
||
|
font-style: normal;
|
||
|
`;
|
||
|
|
||
|
const StyledAccessRightDescriptionItem = styled.div`
|
||
|
margin: 1px 0px;
|
||
|
|
||
|
font-size: 13px;
|
||
|
font-style: normal;
|
||
|
font-weight: 400;
|
||
|
line-height: 16px;
|
||
|
color: #a3a9ae;
|
||
|
`;
|
||
|
|
||
|
const StyledAccessRightItemIcon = styled.img`
|
||
|
margin-right: 8px;
|
||
|
`;
|
||
|
|
||
|
const StyledAccessRightItemContent = styled.div`
|
||
|
width: 100%;
|
||
|
white-space: normal;
|
||
|
`;
|
||
|
|
||
|
const StyledAccessRightItemTitleAndBadge = styled.div`
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
`;
|
||
|
|
||
|
StyledAccessRightItem.defaultProps = { theme: Base };
|
||
|
export {
|
||
|
StyledAccessRightItem,
|
||
|
StyledAccessRightDescriptionItem,
|
||
|
StyledAccessRightItemIcon,
|
||
|
StyledAccessRightItemContent,
|
||
|
StyledAccessRightItemTitleAndBadge,
|
||
|
StyledAccessRightWrapper,
|
||
|
StyledAccessRightIcon,
|
||
|
};
|