export const focusStates = {
  _focusVisible: {
    boxShadow: 'none',
    outline: '3px solid',
    outlineColor: 'action.border.focus',
    outlineOffset: '2px',
  },
}

export const formStates = {
  _disabled: {
    cursor: 'not-allowed',
    opacity: '0.5',
  },
  _readOnly: {
    cursor: 'default',
  },
}