Sha256: 1cc089edb530165105c16ce25f13fc08cd5450956f81ad065819bed31df4b0ea
Contents?: true
Size: 1.23 KB
Versions: 547
Compression:
Stored size: 1.23 KB
Contents
import React from 'react' import { OverlayChildrenProps } from '../_overlay' const previousOverlayDirectionMap: { [key: string]: string } = { "x": "left", "y": "top", } const subsequentOverlayDirectionMap: { [key: string]: string } = { "x": "right", "y": "bottom", } const OverlayToken = (props: OverlayChildrenProps) => { const { children, color, position, size, } = props const hasSubsequentOverlay = position === "x" || position === "y" const getPreviousOverlayDirection = () => { return hasSubsequentOverlay ? previousOverlayDirectionMap[position] : position } const getSubsequentOverlayDirection = () => { return hasSubsequentOverlay ? subsequentOverlayDirectionMap[position] : position } const previousOverlayClassName = `overlay_${color}_${getPreviousOverlayDirection()}_${size}` const subsequentOverlayClassName = `overlay_${color}_${getSubsequentOverlayDirection()}_${size}` return ( <> <div className={previousOverlayClassName} /> {children} { hasSubsequentOverlay && <div className={subsequentOverlayClassName} /> } </> ) } export default OverlayToken
Version data entries
547 entries across 547 versions & 1 rubygems