Container

import Button from '@/components/ui/Button';
import Container from '@/components/composites/Container';

export default function UsageDemo() {
  return (
    <div className="w-full">
      <Container
        asElement="header"
        size="md"
        className="flex min-h-16 items-center justify-between gap-4 px-4 py-3"
      >
        <div className="min-w-0">
          <h5 className="text-lg font-semibold">
            Store settings
          </h5>
          <p className="text-muted-foreground">
            Customer-facing details and checkout preferences.
          </p>
        </div>
        <Button variant="solid">
          Save changes
        </Button>
      </Container>
    </div>
  );
}