stone-kit
Version:
uikit for redesign
165 lines (164 loc) • 4.97 kB
JavaScript
import { jsxs as s, jsx as t } from "react/jsx-runtime";
import { M as f } from "../../../Menu-DhK3s8lo.js";
import { useState as c } from "react";
import "../../../components/Button/ui/Button.js";
import "../../../components/mobileButton/ui/MobileButton.js";
import { NewIcon as i } from "../../../components/NewIcon/ui/NewIcon.js";
import "../../../components/DestinationTab/ui/DestinationTab.js";
import "../../../components/RoundButton/ui/RoundButton.js";
import "../../../components/Tag/ui/Tag.js";
import "../../../components/Switcher/ui/Switcher.js";
import "../../../components/Text/ui/Text.js";
import "../../../components/Flex/ui/Flex.js";
import "../../../components/Input/ui/Input.js";
import "react-dom";
import "../../../FilterWithSave-Dy5t7CrS.js";
import "../../../components/GroupedInput/ui/GroupedInputs.js";
import "../../../index-rKuIKazb.js";
import "../../../components/MetroTag/ui/MetroTag.js";
import "../../../components/Select/ui/Select.js";
import "../../../components/SliderNavigation/ui/SliderNavigation.js";
import "../../../components/LotCardSkeleton/ui/LotCardSkeleton.js";
import "../../../components/TabSelect/ui/TabSelect.js";
import "../../../components/CheckBox/CheckBox.js";
import "../../../components/CheckBoxNew/CheckBoxNew.js";
import "../../../components/CheckboxSelect/ui/CheckboxSelect.js";
const _ = "_root_18coo_1", w = "_wrap_18coo_12", g = "_topSide_18coo_24", x = "_search_18coo_30", y = "_searchInp_18coo_43", I = "_searchIcon_18coo_63", b = "_closeBtn_18coo_69", e = {
root: _,
wrap: w,
topSide: g,
search: x,
searchInp: y,
searchIcon: I,
closeBtn: b
}, Q = () => {
const [a, n] = c(!1), [l, r] = c(""), p = (o) => {
r(o.target.value);
}, h = (o) => {
o.key === "Enter" && (window.location.href = "https://test.stone.ru");
}, m = () => {
n(!0);
}, d = () => {
setTimeout(() => {
var o;
(o = document == null ? void 0 : document.activeElement) != null && o.classList.contains("close-button") || n(!1);
}, 0);
}, u = () => {
r(""), n(!1);
};
return /* @__PURE__ */ s("nav", { className: e.root, children: [
/* @__PURE__ */ s("div", { className: e.wrap, children: [
/* @__PURE__ */ s(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "200",
height: "60",
children: [
/* @__PURE__ */ t(
"rect",
{
width: "200",
height: "60",
fill: "transparent"
}
),
/* @__PURE__ */ t(
"text",
{
x: "0",
y: "42",
fontFamily: "Arial, sans-serif",
fontSize: "40",
fill: "white",
children: "Stone"
}
),
/* @__PURE__ */ t(
"rect",
{
x: "110",
y: "10",
width: "85",
height: "40",
rx: "8",
ry: "8",
fill: "#f90"
}
),
/* @__PURE__ */ t(
"text",
{
x: "115",
y: "42",
fontFamily: "Arial, sans-serif",
fontWeight: "bold",
fontSize: "40",
fill: "black",
children: "Hub"
}
)
]
}
),
/* @__PURE__ */ s("search", { className: e.search, children: [
/* @__PURE__ */ t(
"button",
{
style: {
margin: "unset",
border: "unset",
background: "unset",
padding: "unset",
cursor: "pointer"
},
onClick: (o) => {
o.preventDefault(), window.location.href = "https://test.stone.ru";
},
children: /* @__PURE__ */ t(
i,
{
additionalClass: e.searchIcon,
size: "24",
name: "search"
}
)
}
),
/* @__PURE__ */ t(
"input",
{
type: "text",
value: l,
onChange: p,
onKeyDown: h,
onFocus: m,
onBlur: d,
className: e.searchInp,
placeholder: "Изучить stone-kit"
}
),
a && /* @__PURE__ */ t(
"button",
{
onClick: u,
className: `${e.closeBtn} close-button`,
children: /* @__PURE__ */ t(
i,
{
strokeWidth: "2.5",
color: "#252525",
size: "18",
name: "close"
}
)
}
)
] })
] }),
/* @__PURE__ */ t(f, {})
] });
};
export {
Q as Header
};