@chayns-components/person-finder/lib/esm/components/person-finder/person-finder-wrapper/person-finder-body/person-finder-group/person-finder-small-item/PersonFinderSmallItem.styles.js

A set of beautiful React components for developing your own applications with chayns.

import styled, { css } from 'styled-components';
export const StyledPersonFinderSmallItem = styled.div`
    cursor: pointer;

    transition: background-color 0.2s;

    padding: 6px;

    &:hover {
        background-color: ${({
  theme
}) => theme['102']};
    }

    ${({
  $isSelected,
  theme
}) => $isSelected && css`
            background-color: ${theme['102']};

            &:hover {
                background-color: ${theme['102']};
            }
        `}
`;
//# sourceMappingURL=PersonFinderSmallItem.styles.js.map