import React from 'react' ; import { useSelected , useFocused } from 'editure-react' ; jsx import { css , jsx } from '@emotion/core' ; import { ElementProps } from './index' ; function HrElement ( { attributes , children } ) { const selected = useSelected ( ) ; const focused = useFocused ( ) ; return ( < div { ... attributes } css = { css `
        border-bottom: 2px solid #ddd;
        box-shadow: ${ selected && focused ? '0 0 0 3px #B4D5FF' : 'none' };
      ` } > { children } < /div>); } export default HrElement ;