Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
const MoreInfo = ({ children, text, tooltipProps, trigger, ...props }) => {
const [tooltipVisible, setTooltipVisible] = useState(false);
return (
);
};
size={badgeSizes.MEDIUM}
className="image"
/>
)}
<div>
{renderLink && (
{props.linkText}
)}
</div>
);
};
.add("NEUTRAL type", () => (
<div style="{{">
</div>
))
.add("POSITIVE type", () => (
withInfo()(() => (
{text}
))
)
import linkTypes from "./linkTypes";
import { colors as colorConstants, fontTypes } from "@crave/farmblocks-theme";
export default {
[linkTypes.PRIMARY]: {
color: fontTypes.FEATURED,
hoverColor: colorConstants.BLUE_CORN
},
[linkTypes.DISABLED]: {
color: fontTypes.SUBTLE,
hoverColor: fontTypes.SUBTLE
},
[linkTypes.NEUTRAL]: {
color: fontTypes.NEUTRAL,
hoverColor: fontTypes.FEATURED
},
[linkTypes.ROW_TITLE]: {
color: fontTypes.NORMAL,
hoverColor: colorConstants.BLUE_CORN
},
[linkTypes.WHITE]: {
color: fontTypes.WHITE,
hoverColor: colorConstants.WHITE_56
}
};
.add("NEUTRAL type", () => )
.add("POSITIVE type", () => (
import { fontTypes } from "@crave/farmblocks-theme";
export default {
FEATURED: fontTypes.FEATURED,
NEUTRAL: fontTypes.NEUTRAL,
NORMAL: fontTypes.NORMAL,
WHITE: fontTypes.WHITE,
};
withInfo()(() => <title type="{fontTypes.NEUTRAL}">Awesome title</title>)
)
.add("NEUTRAL type", () => (
))
.add("POSITIVE type", () => (