const i = (e) => {
  const { spacing: t } = e;
  return {
    ".search": {
      position: "relative",
      display: "flex",
      alignItems: "center",
      width: "100%",
      flexGrow: 1
    },
    ".search-input": {
      width: "100%",
      height: "100%",
      padding: `${t(2, 9, 2, 9)} !important`
    },
    ".search-icon": {
      position: "absolute",
      left: t(4)
    },
    ".search-clear-icon": {
      position: "absolute",
      right: t(4),
      cursor: "pointer"
    }
  };
}, o = {
  getComponents: i
};
export {
  o as TailwindSearch
};
