mirror of
https://github.com/hanzonet/explore.git
synced 2026-10-30 18:16:57 +00:00
tom goriunovandGitHub
5e80806796
* first version of the pack * single entry point * add custom components to the package * move form components to toolkit * add more utils and hooks to the package * minor fixes * add CI workflow * update readme and package.json * fix ts * fix build of env-validator * fix docker build * fix icons size * test fixes * more test fixes
22 lines
560 B
TypeScript
22 lines
560 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' }
|
|
{ ...rest }
|
|
/>
|
|
);
|
|
};
|