@chayns-components/core/lib/esm/components/context-menu/ContextMenu.styles.js

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

import styled, { css } from 'styled-components';
export const StyledContextMenu = styled.span`
    align-items: center;
    background-color: ${_ref => {
  let {
    $isActive,
    theme
  } = _ref;
  return $isActive ? theme['201'] : 'transparent';
}};
    border-radius: 3px;
    cursor: pointer;
    display: flex;
    padding: 6px;
    transition: background-color 0.3s ease;

    ${_ref2 => {
  let {
    $shouldAddHoverEffect,
    theme
  } = _ref2;
  return $shouldAddHoverEffect && css`
            &:hover {
                background-color: ${theme['201']};
            }
        `;
}}
`;
//# sourceMappingURL=ContextMenu.styles.js.map