seti-ramesesv1/dist/components/common/Datalist/DataListStates.js

Reusable components and context for Next.js apps

import { jsx } from 'react/jsx-runtime';
import 'react';

const DataListStates = ({ states, activeState, onSelectState }) => {
    if (!Array.isArray(states) || states.length === 0)
        return null;
    return (jsx("div", { className: "w-40 pr-2 border-r border-gray-200", children: states.map((st) => (jsx("div", { onClick: () => {
                onSelectState(st);
                // TODO: Add your logic here later
                // Example: listHandler?.load(st.name);
            }, className: `p-2 mb-1 text-xs rounded-lg cursor-pointer transition-colors ${activeState === st.name ? "bg-blue-100 text-blue-700 font-medium" : "hover:bg-gray-100 text-gray-700"}`, children: st.title }, st.name))) }));
};

export { DataListStates as default };
//# sourceMappingURL=DataListStates.js.map