Button

import { Box, Button } from '@arctic-kit/snow';

function Demo() {
  return (
    <Box sx={{ display: 'flex', alignItems: 'center', gap: 8 }}>
      <Button>Default Button</Button>
      <Button color="primary" variant="filled" size="medium">Button</Button>
    </Box>
  );
}

import { CloudArrowDownIcon, CloudArrowUpIcon } from '@arctic-kit/icons';
import { Button } from '@arctic-kit/snow';

function Demo() {
  return (
    <Button
      color="primary" variant="filled" size="medium"
      prefix={<CloudArrowDownIcon />}
      suffix={<CloudArrowUpIcon />}
    >
      Button
    </Button>
  );
}