import { css } from "@emotion/react" ; import type { SerializedStyles } from "@emotion/react" ; import type { FC } from "react" ; import { body } from "@guardian/source-foundations" ; import type { Person } from "@guardian/common-rendering/src/example" ; import { fullName } from "@guardian/common-rendering/src/example" ; const styles = css `
	${ body . medium ( ) }
` ; interface Props { person : Person ; } const Example = ( { person } ) => ( < p css = { styles } > Hello { fullName ( person ) } < /p>); export default Example ;