aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components/ui/input.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/instant/src/components/ui/input.tsx')
-rw-r--r--packages/instant/src/components/ui/input.tsx46
1 files changed, 0 insertions, 46 deletions
diff --git a/packages/instant/src/components/ui/input.tsx b/packages/instant/src/components/ui/input.tsx
deleted file mode 100644
index 024e81b15..000000000
--- a/packages/instant/src/components/ui/input.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import * as React from 'react';
-
-import { ColorOption, styled } from '../../style/theme';
-
-export interface InputProps extends React.HTMLAttributes<HTMLInputElement> {
- tabIndex?: number;
- className?: string;
- value?: string;
- width?: string;
- fontSize?: string;
- fontColor?: ColorOption;
- placeholder?: string;
- type?: string;
- onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-}
-
-export const Input = styled.input<InputProps>`
- && {
- all: initial;
- font-size: ${props => props.fontSize};
- width: ${props => props.width};
- padding: 0.1em 0em;
- font-family: 'Inter UI';
- color: ${props => props.theme[props.fontColor || 'white']};
- background: transparent;
- outline: none;
- border: none;
- &::placeholder {
- color: ${props => props.theme[props.fontColor || 'white']} !important;
- opacity: 0.5 !important;
- }
- &::-webkit-outer-spin-button,
- &::-webkit-inner-spin-button {
- -webkit-appearance: none;
- margin: 0;
- }
- }
-`;
-
-Input.defaultProps = {
- width: 'auto',
- fontColor: ColorOption.white,
- fontSize: '12px',
-};
-
-Input.displayName = 'Input';