styledComponent только в случае, если состояние true?
const Line6 = styled(BurgerLine)`
transform: translateX(-18px) translateY(3px) rotate(-45deg) scale(0.7);
`;
const Line5 = styled(BurgerLine)`
transform: translateX(18px) translateY(3px) rotate(45deg) scale(0.7);
`;
const Line4 = styled(BurgerLine)`
transform: translateY(0px) rotate(-45deg) scale(0.7);
`;
const Line3 = styled(BurgerLine)`
transform: translateY(0px) rotate(45deg) scale(0.7);
`;
const Line2 = styled(BurgerLine)`
transform: translateX(-18px) translateY(-3px) rotate(45deg) scale(0.7);
`;
const Line1 = styled(BurgerLine)`
transform: translateX(18px) translateY(-3px) rotate(-45deg) scale(0.7);
`;
<Line state={state}/> const Line = styled(BurgerLine)` transform: ${(props) => props.state ? 'someStyles' : 'anotherStyles'} `
Обсуждают сегодня