import React from "react" ; import { css , SerializedStyles } from "@emotion/react" ; export type TextProps = { /**
     * Emotion CSS style if any
     */ fontSize ? : number ; leading ? : string ; weight ? : number ; CSS ? : SerializedStyles ; color ? : string ; } & React . DetailedHTMLProps < React . HTMLAttributes < HTMLSpanElement > , any > ; const TextDefaultProps = { fontSize : 12 , showLineHeight : false , weight : 400 , color : "#fff" , } ; /**
 * Crusher Text component.
 */ export const Text = ( props ) => { const { children , fontSize , weight , className , color , ... otherProps } = props ; return ( < span className = { `font-gilroy font-${ weight } ${ className }` } css = { css `
				font-size: ${ fontSize }rem;
				color: ${ color };
				${ otherProps . onClick && `cursor:default` }
			` } { ... otherProps } > { children } < /span>); } ; Text . defaultProps = TextDefaultProps ;