@lanaco/lnc-react-ui/dist/ButtonGroup.cjs

React component library

"use strict";const u=require("react/jsx-runtime"),l=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),t=require("./utils-BK6B_Y9X.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),a=l.styled.div`
  display: inline-flex;
  flex-wrap: wrap;
  width: fit-content;
  border-radius: ${e=>e.borderRadius};

  & button {
    border: none;
    border-top: ${e=>"0.0625rem solid "+t.getColorRgbaValue(e.theme,"ButtonGroup",e.color,"enabled","border")};

    border-bottom: ${e=>"0.0625rem  solid "+t.getColorRgbaValue(e.theme,"ButtonGroup",e.color,"enabled","border")};
  }

  & button:focus {
    outline: none;
  }

  & button:not(:first-of-type):not(:last-of-type) {
    border-radius: 0;
  }

  & button[data-type="filled"],
  button[data-type="tinted"] {
    border: none;
  }

  & button:first-of-type {
    border-radius: ${e=>`${e.borderRadius} 0 0 ${e.borderRadius}`};
    border-left: ${e=>"0.0625rem solid "+t.getColorRgbaValue(e.theme,"ButtonGroup",e.color,"enabled","border")};
  }

  & button:last-of-type {
    border-radius: ${e=>`0 ${e.borderRadius} ${e.borderRadius} 0`};
    border-right: ${e=>"0.0625rem solid "+t.getColorRgbaValue(e.theme,"ButtonGroup",e.color,"enabled","border")};
  }

  & button:first-of-type:not([data-type="filled"]) {
    border-right: ${e=>"0.0625rem solid "+t.getColorRgbaValue(e.theme,"ButtonGroup",e.color,"enabled","border")};
  }

  & button:not(:first-of-type):not(:last-of-type):not([data-type="filled"]) {
    border-right: ${e=>"0.0625rem solid "+t.getColorRgbaValue(e.theme,"ButtonGroup",e.color,"enabled","border")};
  }
`,i=({children:e,borderRadius:r="regular",style:d={},className:n=""})=>{const o=b.useTheme();return u.jsx(a,{borderRadius:t.getBorderRadiusValueWithUnits(o,r),theme:o,style:d,className:"lnc-ui-button-group "+n,children:e})};module.exports=i;