Function renderButton

packages/ui/src/toolbar.tsx:19–38

()

  ({ title, children, onToggle, active, ...props }, ref) => {
    const { side } = useToolbarContext()
    const renderButton = () => (
      <Button
        css={[
          tw`shadow-none w-7 h-7`,
          css`
            &[data-active='true'] {
              ${tw`text-primary bg-blue-100 border-blue-100 hover:bg-blue-100 hover:text-primary hover:border-blue-100`}
            }
          `,
          children && tw`w-auto`,
        ]}
        data-active={active || undefined}
        onClick={onToggle}
        type={active ? 'primary' : 'text'}
        {...props}
        ref={ref}
      >
        {children}
      </Button>
    )
    return title ? (
      <Tooltip content={title} side={side}>
        {renderButton()}