2022-07-27 16:18:21 +00:00
|
|
|
import styled from "styled-components";
|
2022-08-12 15:07:44 +00:00
|
|
|
import { Base } from "@docspace/components/themes";
|
2022-07-27 16:18:21 +00:00
|
|
|
|
|
|
|
const StyledIconWrapper = styled.div`
|
|
|
|
width: 17px;
|
|
|
|
display: flex;
|
|
|
|
align-items: ${(props) => (props.isRoot ? "center" : "flex-end")};
|
|
|
|
justify-content: center;
|
|
|
|
|
|
|
|
svg {
|
2022-08-17 08:10:06 +00:00
|
|
|
path {
|
|
|
|
fill: ${(props) => props.theme.navigation.icon.fill};
|
|
|
|
}
|
|
|
|
|
2022-07-27 16:18:21 +00:00
|
|
|
circle {
|
|
|
|
stroke: ${(props) => props.theme.navigation.icon.fill};
|
|
|
|
}
|
|
|
|
|
|
|
|
path:first-child {
|
|
|
|
fill: none !important;
|
|
|
|
stroke: ${(props) => props.theme.navigation.icon.stroke};
|
|
|
|
}
|
|
|
|
}
|
|
|
|
`;
|
|
|
|
|
|
|
|
StyledIconWrapper.defaultProps = { theme: Base };
|
|
|
|
|
|
|
|
export default StyledIconWrapper;
|