33 lines
682 B
TypeScript
33 lines
682 B
TypeScript
|
import {
|
||
|
|
createStyles,
|
||
|
|
Theme,
|
||
|
|
withStyles,
|
||
|
|
WithStyles
|
||
|
|
} from "@material-ui/core/styles";
|
||
|
|
import classNames from "classnames";
|
||
|
|
import * as React from "react";
|
||
|
|
|
||
|
|
interface HrProps {
|
||
|
|
className?: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
const styles = (theme: Theme) =>
|
||
|
|
createStyles({
|
||
|
|
root: {
|
||
|
|
backgroundColor: theme.overrides.MuiCard.root.borderColor,
|
||
|
|
border: "none",
|
||
|
|
display: "block",
|
||
|
|
height: 1,
|
||
|
|
margin: 0,
|
||
|
|
width: "100%"
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
export const Hr = withStyles(styles, { name: "Hr" })(
|
||
|
|
({ className, classes }: HrProps & WithStyles<typeof styles>) => (
|
||
|
|
<hr className={classNames(classes.root, className)} />
|
||
|
|
)
|
||
|
|
);
|
||
|
|
Hr.displayName = "Hr";
|
||
|
|
export default Hr;
|