@acrsolutions/chat-components/dist/ui/convoPreview/StyledUserDataWrapper.js

Un set di componenti per la creazione di un'applicazione di messaggistica

import styled from 'styled-components';
export const StyledUserDataWrapper = styled.div `
  padding: 1rem;
  background: ${(props) => props.$clicked ? props.theme.palette.primary.dark : 'transparent'};
  color: ${({ $clicked, theme }) => $clicked ? theme.palette.primary.contrastText : theme.palette.dark};
  cursor: pointer;
  position: relative;
  &:hover {
    background: ${(props) => props.theme.palette.primary.main};
  }
`;