import styled from "@emotion/styled";
import { css } from "@emotion/react";
import { classes, tokens } from "./Editable.tokens";
export const EditButton = /*#__PURE__*/ styled("span", {
    target: "ey3e28p0",
    label: "EditButton"
})("position:relative;align-self:stretch;display:", ({ isHidden })=>isHidden ? 'none' : '', ";");
export const StyledInput = /*#__PURE__*/ styled("input", {
    target: "ey3e28p1",
    label: "StyledInput"
})();
export const StyledPlacehpolder = /*#__PURE__*/ styled("span", {
    target: "ey3e28p2",
    label: "StyledPlacehpolder"
})("display:inline-block;color:var(", tokens.placeholderColor, ");");
export const base = /*#__PURE__*/ css("display:inline-flex;align-items:center;max-width:100%;cursor:pointer;.", classes.editableTextBox, "{outline:none;overflow:hidden;white-space:nowrap;caret-color:var(", tokens.caretColor, ");}", "base");
