1 0
import React from 'react'
2
import * as Rsg from 'react-styleguidist'
3 0
import PropTypes from 'prop-types'
4 0
import Markdown from 'rsg-components/Markdown'
5 0
import Styled from 'rsg-components/Styled'
6

7 0
const styles = ({ fontFamily, fontSize, color }: Rsg.Theme) => ({
8
	root: {
9
		display: 'block',
10
		color: color.light,
11
		fontFamily: fontFamily.base,
12
		fontSize: fontSize.small
13
	}
14
})
15

16
interface StyleguideFooterRendererProps {
17
	classes: Record<string, string>
18
	homepageUrl: string
19
}
20

21 0
export const StyleguideFooterRenderer: React.FC<StyleguideFooterRendererProps> = ({
22 0
	classes,
23 0
	homepageUrl
24 0
}) => {
25 0
	return (
26
		<footer className={classes.root}>
27
			<Markdown text={`Generated with [Vue Styleguidist](${homepageUrl})`} />
28
		</footer>
29
	)
30
}
31

32 0
StyleguideFooterRenderer.propTypes = {
33
	classes: PropTypes.objectOf(PropTypes.string.isRequired).isRequired,
34
	homepageUrl: PropTypes.string.isRequired
35
}
36

37 0
export default Styled<StyleguideFooterRendererProps>(styles)(StyleguideFooterRenderer)

Read our documentation on viewing source code .

Loading