hideOutlineStyle state example

hideOutlineStyle-example.ts

// the hook also provides a style object for convenience
const { hideOutlineStyle } = useTabOutline();

// the `style` prop is used here for easy manipulation
<div className="contact-form-checkbox" style={hideOutlineStyle} />
  
// the object is always defined, so spreading is always safe
<div
  style={{
    ...hideOutlineStyle,
    backgroundColor: highlighted ? 'pink' : 'white',
  }}
/>