<script>import FloatIcon from '../atoms/FloatIcon.svelte';
import Input from '../atoms/Input.svelte';
export let value = '';
export let placeholder = '';
export let disabled = false;
export let show = false;
const onClick = () => {
    show = !show;
};
</script>

<FloatIcon on:click={onClick} iconRight="fa fa-{show ? 'eye-slash' : 'eye'}">
	<Input type={show ? 'text' : 'password'} bind:value {placeholder} {disabled} />
</FloatIcon>

<style></style>
