This commit is contained in:
Jade (Rose) Rowland 2025-11-23 18:09:38 -05:00
parent f7f3aa7668
commit 6221099af8
9 changed files with 94 additions and 11 deletions

View file

@ -8,3 +8,27 @@ export function ActionButton({ children, label, labelIsHidden, className, ...but
</button>
);
}
export function ActionInput({ label, className, ...inputProps }) {
return (
<label className={cx("hover:opacity-50 cursor-pointer text-nowrap w-fit", className)}>
<input
style={{ display: 'none' }}
{...inputProps}
/>
{label}
</label>
);
}
export function SpecialActionButton(props) {
const { className, ...buttonProps } = props
return <ActionButton {...buttonProps} className={cx("bg-background p-2 max-w-[300px] rounded-md hover:opacity-50", className)} />
}
export function SpecialActionInput(props) {
const { className, ...inputProps } = props
return <ActionInput {...inputProps} className={cx("bg-background p-2 max-w-[300px] rounded-md hover:opacity-50", className)} />
}