@kenshooui/react-tree/src/input/inputStyle.js

React Tree is a straight forward component that allows a user to display and manage a hierarchical structure of items in a clear and comfortable way.

export const css = () => ({
  width: "100%",
  height: "35px",
  paddingLeft: "35px",
  border: "1px solid #cfd1d2",
  borderRight: "none",
  borderLeft: "none",
  backgroundColor: "#F8F9FA",

  "&:focus": {
    outline: "none !important"
  },

  "&:active": {
    outline: "none !important"
  }
});

export const searchIconCss = () => ({
  position: "absolute",
  top: "8px",
  left: "8px"
});

export const clearIconCss = () => ({
  position: "absolute",
  top: "8px",
  right: "8px",
  cursor: "pointer"
});

export const wrapperCss = () => ({
  position: "relative"
});