Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 185x 185x 185x 185x 185x 185x 185x 185x 185x 185x 185x 185x 185x | import React from "react"
const DefaultHaloStyle: React.CSSProperties = {
fill: "#fff",
stroke: "#fff",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: ".25em",
}
export const getElementWithHalo = (
key: string,
element: React.ReactElement,
styles: React.CSSProperties = {}
): JSX.Element => {
const halo = React.cloneElement(element, {
style: { ...DefaultHaloStyle, ...styles },
})
return (
<React.Fragment key={key}>
{halo}
{element}
</React.Fragment>
)
}
|