function MainComponent({ includeIPs, excludeIPs, onApply }) { const [includeIPsValue, setIncludeIPsValue] = React.useState(includeIPs); const [excludeIPsValue, setExcludeIPsValue] = React.useState(excludeIPs); const handleApply = ()=>{ if (onApply) { onApply({ include: includeIPsValue, exclude: excludeIPsValue }); } }; return /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-white shadow-lg rounded-lg font-roboto", __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500", rows: "4", name: "includeIPs", value: includeIPsValue, onChange: (e)=>setIncludeIPsValue(e.target.value), placeholder: "Include IPs", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500", rows: "4", name: "excludeIPs", value: excludeIPsValue, onChange: (e)=>setExcludeIPsValue(e.target.value), placeholder: "Exclude IPs", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-600 text-white px-5 py-3 rounded-lg hover:bg-blue-700 transition-all duration-300", onClick: handleApply, __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, "Apply")); } function StoryComponent() { const onApplyMock = (data)=>{ console.log('Filters applied:', data); }; return /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 49, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { includeIPs: "192.168.1.1\\n192.168.1.2", excludeIPs: "192.168.1.100\\n192.168.1.101", onApply: onApplyMock, __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { includeIPs: "172.16.0.1\\n172.16.0.2", excludeIPs: "172.16.0.100\\n172.16.0.101", onApply: onApplyMock, __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { includeIPs: "", excludeIPs: "", onApply: onApplyMock, __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this })); }