styles.tsx 358 B

123456789101112131415161718
  1. import {css} from '@emotion/react';
  2. export type ImageStyleProps = {
  3. round?: boolean;
  4. suggested?: boolean;
  5. };
  6. export const imageStyle = (props: ImageStyleProps) => css`
  7. position: absolute;
  8. top: 0px;
  9. left: 0px;
  10. border-radius: ${props.round ? '50%' : '3px'};
  11. user-select: none;
  12. ${props.suggested &&
  13. css`
  14. filter: grayscale(100%);
  15. `}
  16. `;