import React, { forwardRef, } from 'react';
import { makeStyles } from '../../shared/makeStyles';
const useStyles = makeStyles()(() => ({
    Sentinel: {
        border: 0,
        // handy for debugging these guys:
        // borderTop: `5px solid hsl(${Math.floor(Math.random() * 361)}, 80%, 50%)`,
        margin: 0,
    },
}));
export const Sentinel = forwardRef((props, ref) => {
    const { classes } = useStyles();
    return React.createElement("hr", Object.assign({ className: classes.Sentinel, ref: ref }, props));
});
Sentinel.displayName = 'Sentinel';
//# sourceMappingURL=Sentinel.js.map