mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
0093ce73c0
* Update styles of input elements Resolves #3012 * update screenshots * update hero banner screenshot
23 lines
622 B
TypeScript
23 lines
622 B
TypeScript
import React from 'react';
|
|
|
|
import type { CloseButtonProps } from '../../chakra/close-button';
|
|
import { CloseButton } from '../../chakra/close-button';
|
|
|
|
export interface ClearButtonProps extends CloseButtonProps {
|
|
visible?: boolean;
|
|
}
|
|
|
|
export const ClearButton = ({ disabled, visible = true, ...rest }: ClearButtonProps) => {
|
|
return (
|
|
<CloseButton
|
|
disabled={ disabled || !visible }
|
|
aria-label="Clear"
|
|
title="Clear"
|
|
opacity={ visible ? 1 : 0 }
|
|
visibility={ visible ? 'visible' : 'hidden' }
|
|
color={{ _light: 'gray.300', _dark: 'whiteAlpha.300' }}
|
|
{ ...rest }
|
|
/>
|
|
);
|
|
};
|