import React from "react";
import Input, { InputRenderRightContainer } from "../BaseInput";
import Text from "../../asorted/Text";
import styled from "styled-components";
const Legend = styled(Text) `
  color: ${props => props.theme.colors.neutral.c70};

  &[data-disabled="true"] {
    color: ${props => props.theme.colors.neutral.c50};
  }
`;
function LegendInput({ legend, ...inputProps }, ref) {
    return (React.createElement(Input, { ref: ref, ...inputProps, renderRight: React.createElement(InputRenderRightContainer, null,
            React.createElement(Legend, { variant: "body", "data-disabled": inputProps.disabled }, legend)) }));
}
export default React.forwardRef(LegendInput);
//# sourceMappingURL=index.js.map