File manager - Edit - /var/www/payraty/helpdesk/common/resources/client/background-selector/background-selector-button.tsx
Back
import clsx from 'clsx'; import {ComponentProps, forwardRef, ReactNode} from 'react'; interface BackgroundSelectorButtonProps extends ComponentProps<'button'> { isActive?: boolean; children?: ReactNode; label: ReactNode; } export const BackgroundSelectorButton = forwardRef< HTMLButtonElement, BackgroundSelectorButtonProps >(({isActive, children, className, style, label, ...buttonProps}, ref) => { return ( <button type="button" {...buttonProps} ref={ref}> <span className={clsx( 'flex aspect-square items-center justify-center overflow-hidden rounded-panel border border-[#c3cbdc] outline-none focus-visible:ring', isActive && 'ring-2 ring-primary ring-offset-2', className, )} style={style} > {children} </span> <span className="mt-10 block overflow-hidden overflow-ellipsis text-xs"> {label} </span> </button> ); });
| ver. 1.4 |
Github
|
.
| PHP 8.3.30 | Generation time: 0.61 |
proxy
|
phpinfo
|
Settings