// figma node: 34:39 Text line abstract (5 variants)
const __venc = (v) => String(v).replace(/[%|=]/g, encodeURIComponent);
const __vkey = (p) => "size=" + __venc(p.size);

export function TextLineAbstract(_p = {}) {
  const props = { ..._p, size: _p.size ?? "18px" };
  const __body0 = () => (
    <div className={props.className} style={{
      width: 90,
      height: 12,
      borderRadius: 20,
      backgroundColor: "rgb(216,216,216)",
      position: "relative",
      ...props.style,
    }} />
  );
  const __body1 = () => (
    <div className={props.className} style={{
      width: 120,
      height: 18,
      borderRadius: 20,
      backgroundColor: "rgb(216,216,216)",
      position: "relative",
      ...props.style,
    }} />
  );
  const __body2 = () => (
    <div className={props.className} style={{
      width: 60,
      height: 6,
      borderRadius: 20,
      backgroundColor: "rgb(216,216,216)",
      position: "relative",
      ...props.style,
    }} />
  );
  const __body3 = () => (
    <div className={props.className} style={{
      width: 75,
      height: 10,
      borderRadius: 20,
      backgroundColor: "rgb(216,216,216)",
      position: "relative",
      ...props.style,
    }} />
  );
  const __body4 = () => (
    <div className={props.className} style={{
      width: 30,
      height: 3,
      borderRadius: 20,
      backgroundColor: "rgb(216,216,216)",
      position: "relative",
      ...props.style,
    }} />
  );
  const __impls = {
    // figma: Size=12px
    "size=12px": __body0,
    // figma: Size=18px
    "size=18px": __body1,
    // figma: Size=6px
    "size=6px": __body2,
    // figma: Size=10px
    "size=10px": __body3,
    // figma: Size=3px
    "size=3px": __body4,
  };
  return (__impls[__vkey(props)] ?? __body1)();
}
export default TextLineAbstract;
