گروه دکمه (Button Group)

import { ButtonGroup, Button } from '@parto-system-design/ui';

export default function MyComponent() {
  return (
    <ButtonGroup>
      <Button variant="outline">راست</Button>
      <Button variant="outline">وسط</Button>
      <Button variant="outline">چپ</Button>
    </ButtonGroup>
  );
}

<ButtonGroup orientation="horizontal">
  <Button variant="outline">یک</Button>
  <Button variant="outline">دو</Button>
  <Button variant="outline">سه</Button>
</ButtonGroup>

<ButtonGroup orientation="vertical">
  <Button variant="outline">بالا</Button>
  <Button variant="outline">وسط</Button>
  <Button variant="outline">پایین</Button>
</ButtonGroup>

import { ButtonGroup, Button, ButtonGroupSeparator } from '@parto-system-design/ui';

<ButtonGroup>
  <Button variant="outline">یک</Button>
  <ButtonGroupSeparator />
  <Button variant="outline">دو</Button>
  <ButtonGroupSeparator />
  <Button variant="outline">سه</Button>
</ButtonGroup>

<ButtonGroup>
  <ButtonGroupText>انتخاب کنید:</ButtonGroupText>
  <Button variant="outline">گزینه ۱</Button>
  <Button variant="outline">گزینه ۲</Button>
</ButtonGroup>