import "./index.css"; import "./tds-indeterminate"; import React, { InputHTMLAttributes } from "react"; export type CheckboxSize = "md" | "sm"; interface CheckboxBaseProps { /** Optional description text that appears below the checkbox label. */ description?: string; /** Whether the checkbox is in an indeterminate state. If true, checked should also be true. */ indeterminate?: boolean; /** Whether the checkbox is in an invalid state. If true, include a description to explain why the checkbox is invalid. */ invalid?: boolean; /** The size of the checkbox. */ size?: CheckboxSize; } interface CheckboxWithLabel extends CheckboxBaseProps { "aria-labelledby"?: never; /** * Label content for the checkbox. When using non-string content * (e.g. JSX), it must not contain interactive elements. This * includes native HTML elements such as `` and `