// ==============================|| PAGE HEADER (title + actions) ||============================== //

export default function PageHeader({ title, action }) {
  return (
    <div
      style={{
        display: 'flex',
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center',
        flexWrap: 'wrap',
        gap: '12px',
        marginBottom: '24px'
      }}
    >
      <div style={{ minWidth: 0 }}>
        <h1 style={{ margin: 0, fontSize: '1.75rem', fontWeight: 700, color: '#1e293b' }}>
          {title}
        </h1>
      </div>
      {action && <div style={{ flexShrink: 1, minWidth: 0 }}>{action}</div>}
    </div>
  );
}
