mirror of
https://github.com/Novattz/creamlinux-installer.git
synced 2026-05-14 02:22:45 -04:00
Formatting
This commit is contained in:
@@ -1,31 +1,23 @@
|
||||
import { ReactNode } from 'react'
|
||||
|
||||
export interface DialogActionsProps {
|
||||
children: ReactNode;
|
||||
className?: string;
|
||||
align?: 'start' | 'center' | 'end';
|
||||
children: ReactNode
|
||||
className?: string
|
||||
align?: 'start' | 'center' | 'end'
|
||||
}
|
||||
|
||||
/**
|
||||
* Actions container for dialog footers
|
||||
* Provides consistent spacing and alignment for action buttons
|
||||
*/
|
||||
const DialogActions = ({
|
||||
children,
|
||||
className = '',
|
||||
align = 'end'
|
||||
}: DialogActionsProps) => {
|
||||
const DialogActions = ({ children, className = '', align = 'end' }: DialogActionsProps) => {
|
||||
const alignClass = {
|
||||
start: 'justify-start',
|
||||
center: 'justify-center',
|
||||
end: 'justify-end'
|
||||
}[align];
|
||||
end: 'justify-end',
|
||||
}[align]
|
||||
|
||||
return (
|
||||
<div className={`dialog-actions ${alignClass} ${className}`}>
|
||||
{children}
|
||||
</div>
|
||||
)
|
||||
return <div className={`dialog-actions ${alignClass} ${className}`}>{children}</div>
|
||||
}
|
||||
|
||||
export default DialogActions
|
||||
export default DialogActions
|
||||
|
||||
Reference in New Issue
Block a user