Ali
27 lines
618 B
TypeScript
27 lines
618 B
TypeScript
import { ComponentProps } from 'react';
|
|
import clsx from 'clsx';
|
|
|
|
import { Button } from '@@/buttons';
|
|
|
|
type Props = Omit<ComponentProps<typeof Button>, 'size'>;
|
|
|
|
export function ActionBarButton({
|
|
className,
|
|
color = 'none',
|
|
...props
|
|
}: Props) {
|
|
return (
|
|
<Button
|
|
color={color}
|
|
size="small"
|
|
className={clsx(
|
|
'!ml-0 rounded-md !px-3 !py-1.5 transition-colors',
|
|
'hover:bg-[var(--bg-blocklist-hover-color)] hover:text-[var(--text-blocklist-hover-color)]',
|
|
className
|
|
)}
|
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
{...props}
|
|
/>
|
|
);
|
|
}
|