fui-fancyui/dist/src/components/molecules/SearchBar/SearchBar.style.js

FancyUI Libary

import { styled as r } from "styled-components";
import { sizeSettings as e } from "./sizeSettings.js";
const s = r.div`
  display: flex;
  align-items: center;
  border-radius: ${({ $isActive: i, theme: d, $sizeC: t }) => i ? `${d.borderRadius.lg} ${d.borderRadius.lg} 0px 0px` : e[t].borderRadius}; // Set the border radius based on whether the search bar list is active
  z-index: 1;

  height: ${({ $sizeC: i }) => e[i].height};
  padding: ${({ $sizeC: i }) => e[i].padding};
  gap: 4px;
`, o = r.div`
  width: auto;
`, n = r.div`
  width: 100%;

  div {
    padding: 0;
    div {
      input {
        font-size: ${({ $sizeC: i }) => i === "sm" ? "16px" : ""} !important;
      }
      gap: ${({ $sizeC: i }) => e[i].gap};
    }
  }
`, g = r.span`
  width: ${({ $sizeC: i }) => e[i].iconSize};
`;
export {
  g as IconWrapper,
  n as InputWrapper,
  o as SizeWrapper,
  s as StyledSearchBar
};