import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { PanelItemWrap, Item, Header, Title, ActionsWrap, StyledCheckmarkIcon } from './styled.js';
export const PanelItem = ({ header, title, actions, active, withCheckmark }) => {
    return (_jsxs(PanelItemWrap, { children: [_jsxs(Item, { children: [header && (typeof header === 'string' ? _jsx(Header, { children: header }) : header), _jsxs(Title, { active: active, suppressHydrationWarning: true, children: [withCheckmark && active && _jsx(StyledCheckmarkIcon, {}), " ", title] })] }), _jsx(ActionsWrap, { children: actions?.map((action) => action) })] }));
};
//# sourceMappingURL=PanelItem.js.map