Привет. Ребят, есть компонент: import { NextPage } from 'next' import React,

Question

Привет. Ребят, есть компонент: import { NextPage } from 'next' import React,

{ ButtonHTMLAttributes, ReactNode } from 'react'

export interface EditorButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
children: ReactNode
active?: boolean
}

/** Button `button` component */
export const EditorButton: NextPage<EditorButtonProps> = ({ children, active, ...props }) => {
return (
<button
{...props}
className={`
flex-shrink-0
rounded-md
px-2
text-lg
font-normal
text-primary-600 transition-all hover:bg-primary-100
${active && active ? 'border-none bg-primary-100 text-primary-800' : ''}

`}
>
{children}
</button>
)
}

Как сделать, чтобы при сборке className собирались без этих переносов строк? Минифай и желательно по алфавиту?