1117b296a7
--------- Co-authored-by: davitbejanyan <dbejanyan@provectus.com> Co-authored-by: Mgrdich <mgotm13@gmail.com> Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com> Co-authored-by: VladSenyuta <vlad.senyuta@gmail.com> Co-authored-by: Vlad Senyuta <66071557+VladSenyuta@users.noreply.github.com> Co-authored-by: Oleg Shur <workshur@gmail.com>
19 lines
457 B
TypeScript
19 lines
457 B
TypeScript
import styled from 'styled-components';
|
|
|
|
type Props = {
|
|
isOpen?: boolean;
|
|
};
|
|
export const Svg = styled.svg<Props>`
|
|
& > path {
|
|
fill: ${({ theme, isOpen }) =>
|
|
isOpen
|
|
? theme.icons.messageToggleIcon.active
|
|
: theme.icons.messageToggleIcon.normal};
|
|
&:hover {
|
|
fill: ${({ theme }) => theme.icons.messageToggleIcon.hover};
|
|
}
|
|
&:active {
|
|
fill: ${({ theme }) => theme.icons.messageToggleIcon.active};
|
|
}
|
|
}
|
|
`;
|