gatsby-theme-fast-ai-sidebar/src/components/GatsbyCssBaseline.js

Rebass-based gatsby theme used in Zoe.ai projects.

import React from 'react';
import PropTypes from 'prop-types';
import { CssBaseline } from '@fast-ai/ui-components';

const GatsbyCssBaseline = ({ styles = '', ...rest }) => (
	<CssBaseline
		styles={`
			#___gatsby, #gatsby-focus-wrapper, div[role="group"][tabindex] {
			    min-height: 100%;
			}
			${styles}
			`}
		{...rest}
	/>
);

GatsbyCssBaseline.propTypes = {
	styles: PropTypes.string,
};

export default GatsbyCssBaseline;