2019-11-29 20:16:33 +01:00

27 lines
466 B
JavaScript

import styled from 'styled-components';
const NameWrapper = styled.div`
position: relative;
line-height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
${({ isOverEditBlock, isOverRemove, isSelected }) => {
if (isOverRemove) {
return `
color: #f64d0a;
`;
}
if (isSelected || isOverEditBlock) {
return `
color: #007eff;
`;
}
}}
`;
export default NameWrapper;