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

React component library

"use strict";const i=require("react/jsx-runtime"),a=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),t=require("./index-BPVoEhTF.cjs"),o=require("./utils-NZLCh-J5.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),s=a.newStyled.div`
  display: inline-flex;
  flex-wrap: wrap;
  width: fit-content;
  border-radius: ${e=>e.borderRadius};

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

    border-bottom: ${e=>"0.0625rem  solid "+o.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 "+o.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 "+o.getColorRgbaValue(e.theme,"ButtonGroup",e.color,"enabled","border")};
  }

  & button:first-of-type:not([data-type="filled"]) {
    border-right: ${e=>"0.0625rem solid "+o.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 "+o.getColorRgbaValue(e.theme,"ButtonGroup",e.color,"enabled","border")};
  }
`,d=({children:e,borderRadius:n="regular",style:u={},className:l=""})=>{const r=b.useTheme();return i.jsx(s,{borderRadius:o.getBorderRadiusValueWithUnits(r,n),theme:r,style:u,className:"lnc-ui-button-group "+l,children:e})};d.propTypes={borderRadius:t.PropTypes.oneOf(["slight","regular","edged","curved","none"]),className:t.PropTypes.string,style:t.PropTypes.object};module.exports=d;